feat: change text and add link to audit report

DLC-link · Dec 22, 2023 · 56f3931 · 56f3931
1 parent 8ec3a12
commit 56f3931
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/app/components/how-it-works/bottom/components/audit-reports.tsx b/src/app/components/how-it-works/bottom/components/audit-reports.tsx
@@ -1,16 +1,24 @@
-import { HStack, Image, Text } from '@chakra-ui/react';
+import { HStack, Image, Link, Text } from '@chakra-ui/react';
 import { CustomCard } from '@components/how-it-works/components/custom-card';
 
 export function AuditReports(): React.JSX.Element {
   return (
-    <CustomCard width={'488px'} height={'152px'} padding={'25px'}>
+    <CustomCard width={'488px'} height={'170px'} padding={'25px'}>
       {
         <>
           <Text variant={'title'}>Audit Reports</Text>
-          <HStack>
-            <Image src={'/images/report.png'} w={'34px'} h={'42px'}></Image>
+          <HStack align={'start'} spacing={'15px'}>
+            <Image src={'/images/report.png'} w={'34px'} h={'42px'} pt={'5px'}></Image>
             <Text color={'white'}>
-              Coin Fabric: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
+              The following is a security audit report, completed by the team at CoinFabrik on
+              November 29, 2023.{' '}
+              <Link
+                href={'https://docs.dlc.link/resources#security-audit-reports'}
+                isExternal
+                color={'accent.cyan.01'}
+              >
+                Read the report...
+              </Link>
             </Text>
           </HStack>
         </>