From 56f3931825b84ffa1a0c8ae67d3493527bb734f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Fri, 22 Dec 2023 11:05:14 +0700
Subject: [PATCH] feat: change text and add link to audit report

---
 .../bottom/components/audit-reports.tsx        | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 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
index 116a1ed0..46df3ca7 100644
--- 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>
         </>