Latest FAQ design and links.

40acres · Nov 8, 2024 · 3ac8476 · 3ac8476
1 parent bf940e9
commit 3ac8476
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/swap-frontend/src/App.tsx b/swap-frontend/src/App.tsx
@@ -20,6 +20,7 @@ const Layout: Component<RouteSectionProps> = (props) => {
             <Header />
             {props.children}
         </div>
+        <SupportWidget />
         <Footer />
         <Toaster toastOptions={{
             duration: 5000,
@@ -42,11 +43,11 @@ const WideContainer: ParentComponent = (props) => {
 
 const App: Component = () => {
     return <Router root={Layout}>
-        <Route path="/" component={() => <><NarrowContainer><SwapForm /></NarrowContainer><SupportWidget /></>} />
+        <Route path="/" component={() => <><NarrowContainer><SwapForm /></NarrowContainer></>} />
         <Route path="/swap/in/:id" component={() => <NarrowContainer><SwapInDetails /></NarrowContainer>} />
         <Route path="/swap/out/:id" component={() => <NarrowContainer><SwapOutDetails /></NarrowContainer>} />
         <Route path="/history" component={() => <WideContainer><History /></WideContainer>} />
-        <Route path="/faq" component={() => <><Faq /><SupportWidget /></>} />
+        <Route path="/faq" component={() => <><Faq /></>} />
         <Route path="/*" component={() => <WideContainer><h3 class="text-center">Page not found</h3></WideContainer>} />
     </Router>;
 };

diff --git a/swap-frontend/src/NavLinks.tsx b/swap-frontend/src/NavLinks.tsx
@@ -12,6 +12,6 @@ export const NavLinks: Component = () => <>
         <Nav.Link link href="/faq">FAQ</Nav.Link>
     </Nav.Item>
     <Nav.Item>
-        <Nav.Link href="https://www.40acres.pro/contact">Contact</Nav.Link>
+        <Nav.Link href="#support">Contact</Nav.Link>
     </Nav.Item>
 </>;
diff --git a/swap-frontend/src/SupportWidget.tsx b/swap-frontend/src/SupportWidget.tsx
@@ -2,7 +2,7 @@ import { Component } from 'solid-js';
 import { Container } from 'solid-bootstrap';
 
 export const SupportWidget: Component = () => <>
-    <Container fluid class="support-widget">
+    <Container fluid class="support-widget" id="support">
         <h1 class="fw-bold">Ask support</h1>
         <span class="fs-5 fw-medium">
             If you encounter any issues with your swap, please reach out to us at <a href="mailto:support@40swap.com">support@40swap.com</a>