MumbleLogo: remove link

ost-cas-fee-adv-22-23 · Feb 22, 2023 · ef8576c · ef8576c
1 parent 95cbc38
commit ef8576c
Showing 1 changed file with 14 additions and 18 deletions.
diff --git a/packages/design-system-component-library-yeahyeahyeah/components/image/MumbleLogo.tsx b/packages/design-system-component-library-yeahyeahyeah/components/image/MumbleLogo.tsx
@@ -3,7 +3,6 @@ import tw, { styled, TwStyle } from 'twin.macro';
 import { MumbleText, MumbleGradient, LogoMumble as Logo } from '../icon/index';
 
 export interface IMumbleLogoProps {
-  title: string;
   color: 'violet' | 'gradient' | 'white';
   alignment: 'horizontal' | 'vertical';
   onLogoClick?: () => void;
@@ -19,17 +18,20 @@ export const MumbleLogo: React.FC<IMumbleLogoProps> = ({
   const [hover, setHover] = useState(false);
 
   return (
-    <MumbleLogoStyledLink onClick={onLogoClick} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>
-      <MumbleLogoStyledDiv alignment={alignment}>
-        <StyledLogoMumble color={color} $hover={hover} $navigation={isNavigation} />
-
-        {color !== 'gradient' ? (
-          <StyledMumbleText color={color} $navigation={isNavigation} alignment={alignment} $hover={hover} />
-        ) : (
-          <StyledMumbleGradient $navigation={isNavigation} alignment={alignment} $hover={hover} />
-        )}
-      </MumbleLogoStyledDiv>
-    </MumbleLogoStyledLink>
+    <MumbleLogoStyledDiv
+      alignment={alignment}
+      onClick={onLogoClick}
+      onMouseEnter={() => setHover(true)}
+      onMouseLeave={() => setHover(false)}
+    >
+      <StyledLogoMumble color={color} $hover={hover} $navigation={isNavigation} />
+
+      {color !== 'gradient' ? (
+        <StyledMumbleText color={color} $navigation={isNavigation} alignment={alignment} $hover={hover} />
+      ) : (
+        <StyledMumbleGradient $navigation={isNavigation} alignment={alignment} $hover={hover} />
+      )}
+    </MumbleLogoStyledDiv>
   );
 };
 
@@ -56,12 +58,6 @@ const MumbleLogoStyledDiv = styled.div(({ alignment }: IMumbleLogoStyledDiv) =>
   alignment === 'horizontal' && tw`flex-row`,
 ]);
 
-const MumbleLogoStyledLink = styled.a(() => [
-  tw`
-    cursor-pointer
-  `,
-]);
-
 type IStyledLogoMumble = Pick<IStyled, 'color' | '$hover' | '$navigation'>;
 
 const StyledLogoMumble = styled(Logo)(({ color, $hover, $navigation }: IStyledLogoMumble) => [