feat: Add Box5 component for displaying links in Main page

stabilityprotocol · Aug 6, 2024 · 9842263 · 9842263
1 parent c8cfbb2
commit 9842263
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/app/src/Pages/Main/Components/Box5.tsx b/app/src/Pages/Main/Components/Box5.tsx
@@ -0,0 +1,36 @@
+import { Box, Heading, Link, ListItem, UnorderedList } from "@chakra-ui/react";
+
+export const Box5 = () => {
+  return (
+    <Box p={4} w={["100vw", "xl"]} bg={"gray.700"} borderRadius={4}>
+      <Box>
+        <Heading size="md">Links</Heading>
+        <UnorderedList mt={4}>
+          <ListItem>
+            <Link
+              href="https://github.com/stabilityprotocol/bsrswapexample/tree/main"
+              isExternal
+            >
+              App Source Code
+            </Link>
+          </ListItem>
+          <ListItem>
+            <Link href="https://stabilityprotocol.com/contact-us" isExternal>
+              Contact Us
+            </Link>
+          </ListItem>
+          <ListItem>
+            <Link href="https://discord.gg/C9T2hdMh" isExternal>
+              Discord
+            </Link>
+          </ListItem>
+          <ListItem>
+            <Link href="https://x.com/STABILITYinc" isExternal>
+              X
+            </Link>
+          </ListItem>
+        </UnorderedList>
+      </Box>
+    </Box>
+  );
+};
diff --git a/app/src/Pages/Main/index.tsx b/app/src/Pages/Main/index.tsx
@@ -3,6 +3,7 @@ import { Box1 } from "./Components/Box1";
 import { Box2 } from "./Components/Box2";
 import { Box3 } from "./Components/Box3";
 import { Box4 } from "./Components/Box4";
+import { Box5 } from "./Components/Box5";
 
 export const Main = () => {
   return (
@@ -11,6 +12,7 @@ export const Main = () => {
       <Box2 />
       <Box3 />
       <Box4 />
+      <Box5 />
     </Flex>
   );
 };