From 3ac84764489e958a5531a80cf20d34935aece6d0 Mon Sep 17 00:00:00 2001
From: Alberto Manzaneque <amanzag@gmail.com>
Date: Fri, 8 Nov 2024 12:33:20 +0100
Subject: [PATCH] Latest FAQ design and links.

---
 swap-frontend/src/App.tsx           | 5 +++--
 swap-frontend/src/NavLinks.tsx      | 2 +-
 swap-frontend/src/SupportWidget.tsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/swap-frontend/src/App.tsx b/swap-frontend/src/App.tsx
index 57df8b2..b1452b7 100644
--- 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
index 56c54f7..823e117 100644
--- 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>
 </>;
\ No newline at end of file
diff --git a/swap-frontend/src/SupportWidget.tsx b/swap-frontend/src/SupportWidget.tsx
index d518247..e660cde 100644
--- 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>