From ea8fd7a423f3af93456758f10f261f855f3c9401 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 28 Jan 2023 00:45:02 -0800
Subject: [PATCH] Add tooltip over remix icon

---
 components/PartyDetails/index.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index ab961978..dbee72c4 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -11,18 +11,19 @@ import classNames from 'classnames'
 import reactStringReplace from 'react-string-replace'
 
 import Alert from '~components/Alert'
-
 import Button from '~components/Button'
 import CharLimitedFieldset from '~components/CharLimitedFieldset'
-import Input from '~components/Input'
 import DurationInput from '~components/DurationInput'
-import Token from '~components/Token'
 import GridRepCollection from '~components/GridRepCollection'
 import GridRep from '~components/GridRep'
+import Input from '~components/Input'
 import RaidDropdown from '~components/RaidDropdown'
-import TextFieldset from '~components/TextFieldset'
 import Switch from '~components/Switch'
+import Tooltip from '~components/Tooltip'
+import TextFieldset from '~components/TextFieldset'
+import Token from '~components/Token'
 
+import api from '~utils/api'
 import { accountState } from '~utils/accountState'
 import { appState } from '~utils/appState'
 import { formatTimeAgo } from '~utils/timeAgo'
@@ -36,7 +37,6 @@ import RemixIcon from '~public/icons/Remix.svg'
 import type { DetailsObject } from 'types'
 
 import './index.scss'
-import api from '~utils/api'
 
 // Props
 interface Props {
@@ -308,8 +308,8 @@ const PartyDetails = (props: Props) => {
   }
 
   // Methods: Navigation
-  function goTo(shortcode: string) {
-    router.push(`/p/${shortcode}`)
+  function goTo(shortcode?: string) {
+    if (shortcode) router.push(`/p/${shortcode}`)
   }
 
   // Methods: Favorites
@@ -710,12 +710,13 @@ const PartyDetails = (props: Props) => {
               {name ? name : t('no_title')}
             </h1>
             {party.remix && party.sourceParty ? (
-              <Link href={`/p/${party.sourceParty.shortcode}`} passHref>
+              <Tooltip content="Go to original team">
                 <Button
                   className="IconButton Blended"
                   leftAccessoryIcon={<RemixIcon />}
+                  onClick={() => goTo(party.sourceParty?.shortcode)}
                 />
-              </Link>
+              </Tooltip>
             ) : (
               ''
             )}