And some prettifying

decentdao · May 7, 2024 · 8e45356 · 8e45356
1 parent cb94e76
commit 8e45356
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/src/components/ui/links/ExternalLink.tsx b/src/components/ui/links/ExternalLink.tsx
@@ -1,7 +1,11 @@
 import { Link, LinkProps } from '@chakra-ui/react';
-import { Ref, forwardRef } from 'react'
+import { Ref, forwardRef } from 'react';
 
-export default function ExternalLink({ children, internalRef, ...rest }: LinkProps & { internalRef?: Ref<any>}) {
+export default function ExternalLink({
+  children,
+  internalRef,
+  ...rest
+}: LinkProps & { internalRef?: Ref<any> }) {
   return (
     <Link
       color="celery-0"
@@ -23,5 +27,12 @@ export default function ExternalLink({ children, internalRef, ...rest }: LinkPro
   );
 }
 
-export const ExtrernalLinkWrappable = forwardRef(({ children, ...props}: LinkProps, ref) => <ExternalLink {...props} internalRef={ref} >{children}</ExternalLink>);
-ExtrernalLinkWrappable.displayName = 'ExtrernalLinkWrappable';
+export const ExtrernalLinkWrappable = forwardRef(({ children, ...props }: LinkProps, ref) => (
+  <ExternalLink
+    {...props}
+    internalRef={ref}
+  >
+    {children}
+  </ExternalLink>
+));
+ExtrernalLinkWrappable.displayName = 'ExtrernalLinkWrappable';
diff --git a/src/components/ui/page/Footer.tsx b/src/components/ui/page/Footer.tsx
@@ -21,7 +21,9 @@ export function Footer() {
         placement="top"
         label={t('currentBuild', { hash: commitHash })}
       >
-        <ExtrernalLinkWrappable href={`https://github.com/decentdao/decent-interface/commit/${commitHash}`}>
+        <ExtrernalLinkWrappable
+          href={`https://github.com/decentdao/decent-interface/commit/${commitHash}`}
+        >
           {commitHash.substring(0, 7)}
         </ExtrernalLinkWrappable>
       </Tooltip>