add a support link

DINHaus · Jun 13, 2024 · d6ba46e · d6ba46e
1 parent da12e59
commit d6ba46e
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 0 deletions.
diff --git a/src/Routes.tsx b/src/Routes.tsx
@@ -33,6 +33,7 @@ import { AllComments } from "./pages/AllComments";
 import { StagingDAO } from "./pages/StagingDAO";
 import { PromoteDraftForm } from "./pages/PromoteDraftForm";
 import { FeedList } from "./pages/FeedList";
+import Support from "./pages/Support";
 
 export const Routes = ({
   setDaoChainId,
@@ -59,6 +60,7 @@ export const Routes = ({
       <Route path="/" element={<HomeContainer />}>
         <Route path="/" element={<Home />} />
         <Route path="/comments" element={<AllComments />} />
+        <Route path="/support" element={<Support />} />
       </Route>
       <Route path={MULTI_DAO_ROUTER} element={<DaoContainer />}>
         <Route index element={<Dao />} />

diff --git a/src/components/layout/HomeContainer.tsx b/src/components/layout/HomeContainer.tsx
@@ -12,6 +12,7 @@ export const HomeContainer = () => {
       navLinks={[
         { label: "Topics", href: `/` },
         { label: "All Feed", href: `/comments` },
+        { label: "?", href: `/support` },
       ]}
       footer={<Footer />}
     >

diff --git a/src/pages/Support.tsx b/src/pages/Support.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { H1, LinkStyles, ParLg, SingleColumnLayout } from '@daohaus/ui';
+import styled from 'styled-components';
+
+const StyledExternalLink = styled.a`
+  ${LinkStyles};
+`;
+
+const Support: React.FC = () => {
+    return (
+        <SingleColumnLayout>
+            <H1>Support</H1>
+            <ParLg>
+                If you have any questions there is a DIN DEV topic to post feedback/questions and find articles and videos.
+
+            </ParLg>
+            <ParLg>
+                <StyledExternalLink href={"https://dinhaus.github.io/din-admin/#/molochv3/0xa/0xa0c536c4696f880cd61fc227662d8008893ab822/articles/0xf0c696f7dd7dc1700c1f4ec0f60151f362cd0fef2dca2bbe6f5153034363a8db"} target="_blank">
+                    Getting Started
+                </StyledExternalLink>
+            </ParLg>
+            <ParLg>
+                <StyledExternalLink href={"https://dinhaus.github.io/din-admin/#/molochv3/0xa/0xa0c536c4696f880cd61fc227662d8008893ab822/articles"} target="_blank">
+                    DIN DEV Feed
+                </StyledExternalLink>
+            </ParLg>
+
+        </SingleColumnLayout>
+    );
+};
+
+export default Support;