From 19d4de168377a8140ed5470d020bab5f1636ba5a Mon Sep 17 00:00:00 2001
From: Wilfred <114983732+Wilfred007@users.noreply.github.com>
Date: Wed, 25 Mar 2026 19:08:38 +0100
Subject: [PATCH] Revert "feat: Implement interactive onboarding tour and fix
 redundant UI code"

---
 frontend/src/components/AppLayout.tsx    | 29 +-----------------------
 frontend/src/components/AppNav.tsx       |  2 --
 frontend/src/pages/CrossAssetPayment.tsx |  2 +-
 frontend/src/pages/EmployeeEntry.tsx     | 12 +++++++++-
 frontend/src/pages/PayrollScheduler.tsx  |  1 -
 frontend/src/providers/ThemeProvider.tsx |  1 +
 6 files changed, 14 insertions(+), 33 deletions(-)

diff --git a/frontend/src/components/AppLayout.tsx b/frontend/src/components/AppLayout.tsx
index 4384181f..b2e3306f 100644
--- a/frontend/src/components/AppLayout.tsx
+++ b/frontend/src/components/AppLayout.tsx
@@ -1,11 +1,10 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import { Outlet, NavLink, useLocation } from 'react-router-dom';
 import ConnectAccount from '../components/ConnectAccount';
 import AppNav from './AppNav';
 import { LanguageSelector } from './LanguageSelector';
 import { ThemeToggle } from './ThemeToggle';
 import { useTranslation } from 'react-i18next';
-import { OnboardingTour } from './OnboardingTour';
 
 // ── Page Wrapper ───────────────────────
 const PageWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (
@@ -16,25 +15,6 @@ const PageWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (
 const AppLayout: React.FC = () => {
   const location = useLocation();
   useTranslation();
-  const [runTour, setRunTour] = useState(false);
-
-  useEffect(() => {
-    const hasCompletedTour = localStorage.getItem('payd_onboarding_completed');
-    if (!hasCompletedTour) {
-      const timer = setTimeout(() => setRunTour(true), 1500);
-      return () => clearTimeout(timer);
-    }
-  }, []);
-
-  const handleTourComplete = () => {
-    localStorage.setItem('payd_onboarding_completed', 'true');
-    setRunTour(false);
-  };
-
-  const restartTour = () => {
-    localStorage.removeItem('payd_onboarding_completed');
-    setRunTour(true);
-  };
 
   return (
     <div
@@ -97,19 +77,12 @@ const AppLayout: React.FC = () => {
           >
             Apache License 2.0
           </a>
-          <button
-            onClick={restartTour}
-            className="ml-4 px-2 py-0.5 rounded border border-(--border-hi) hover:bg-(--accent)/10 hover:text-(--accent) transition-all text-[10px]"
-          >
-            QUICK TOUR
-          </button>
         </span>
         <div className="flex items-center gap-1.5">
           <div className="w-1.5 h-1.5 rounded-full bg-(--accent) shadow-[0_0_6px_var(--accent)]" />
           STELLAR NETWORK · MAINNET
         </div>
       </footer>
-      <OnboardingTour run={runTour} onComplete={handleTourComplete} />
     </div>
   );
 };
diff --git a/frontend/src/components/AppNav.tsx b/frontend/src/components/AppNav.tsx
index 0425ae40..f8265039 100644
--- a/frontend/src/components/AppNav.tsx
+++ b/frontend/src/components/AppNav.tsx
@@ -40,7 +40,6 @@ const AppNav: React.FC = () => {
   const navLinks = (
     <>
       <NavLink
-        id="tour-payroll"
         to="/payroll"
         className={({ isActive }) =>
           `flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[13px] font-semibold transition ${
@@ -58,7 +57,6 @@ const AppNav: React.FC = () => {
       </NavLink>
 
       <NavLink
-        id="tour-employees"
         to="/employee"
         className={({ isActive }) =>
           `flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[13px] font-semibold transition ${
diff --git a/frontend/src/pages/CrossAssetPayment.tsx b/frontend/src/pages/CrossAssetPayment.tsx
index 7b7a1539..2063d4a4 100644
--- a/frontend/src/pages/CrossAssetPayment.tsx
+++ b/frontend/src/pages/CrossAssetPayment.tsx
@@ -71,7 +71,7 @@ export default function CrossAssetPayment() {
       clearTimeout(timeout);
       setIsLoadingPaths(false);
     };
-  }, [amount, assetIn, assetOut, notifyApiError]);
+  }, [amount, assetIn, assetOut, notifyError]);
 
   useEffect(() => {
     if (!socket || !submissionTxHash) return;
diff --git a/frontend/src/pages/EmployeeEntry.tsx b/frontend/src/pages/EmployeeEntry.tsx
index 6c2d19fc..384d345e 100644
--- a/frontend/src/pages/EmployeeEntry.tsx
+++ b/frontend/src/pages/EmployeeEntry.tsx
@@ -267,7 +267,17 @@ export default function EmployeeEntry() {
                 <HelpLink topic="trustline" variant="icon-text" size="sm" />
               </div>
             </div>
-
+            <Select
+              id="currency"
+              fieldSize="md"
+              label="Preferred Currency"
+              value={formData.currency}
+              onChange={(e) => handleSelectChange('currency', e.target.value)}
+            >
+              <option value="USDC">USDC</option>
+              <option value="XLM">XLM</option>
+              <option value="EURC">EURC</option>
+            </Select>
             <Button type="submit" variant="primary" size="md">
               Add Employee
             </Button>
diff --git a/frontend/src/pages/PayrollScheduler.tsx b/frontend/src/pages/PayrollScheduler.tsx
index 5b644b54..1452a7bb 100644
--- a/frontend/src/pages/PayrollScheduler.tsx
+++ b/frontend/src/pages/PayrollScheduler.tsx
@@ -510,7 +510,6 @@ export default function PayrollScheduler() {
               <div className="md:col-span-2 pt-4">
                 {!simulationPassed ? (
                   <Button
-                    id="tour-init-payroll"
                     type="submit"
                     disabled={isSimulating}
                     variant="primary"
diff --git a/frontend/src/providers/ThemeProvider.tsx b/frontend/src/providers/ThemeProvider.tsx
index 4a2c4838..56d86356 100644
--- a/frontend/src/providers/ThemeProvider.tsx
+++ b/frontend/src/providers/ThemeProvider.tsx
@@ -9,6 +9,7 @@ interface ThemeContextType {
 
 const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [theme, setTheme] = useState<Theme>(() => {
     const saved = localStorage.getItem('payd-theme');