From 8e453566f6ff0a72033c0991c1232969352be3b0 Mon Sep 17 00:00:00 2001
From: Kirill Klimenko <klimenkomud@gmail.com>
Date: Tue, 7 May 2024 15:12:31 +0200
Subject: [PATCH] And some prettifying

---
 src/components/ui/links/ExternalLink.tsx | 19 +++++++++++++++----
 src/components/ui/page/Footer.tsx        |  4 +++-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/links/ExternalLink.tsx b/src/components/ui/links/ExternalLink.tsx
index 51ec44de6a..a534b4cdfd 100644
--- 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';
\ No newline at end of file
+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
index 45aafb715d..dedf06da36 100644
--- 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>