fix: memo in mobile

Kleo-Network · Nov 9, 2024 · 9c8cdd3 · 9c8cdd3
1 parent 0d325d2
commit 9c8cdd3
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/src/pages/memo/Tabs.tsx b/src/pages/memo/Tabs.tsx
@@ -4,17 +4,17 @@ import About from './About'
 import Team from './Team'
 import Funding from './Funding'
 export const Tabs = () => {
-  const [activeTab, setActiveTab] = useState('Profile')
+  const [activeTab, setActiveTab] = useState('Updates')
 
   const renderContent = () => {
     switch (activeTab) {
-      case 'Profile':
+      case 'Updates':
         return <KleoNewsfeed />
-      case 'Dashboard':
+      case 'About':
         return <About />
-      case 'Settings':
+      case 'Team':
         return <Team />
-      case 'Invoice':
+      case 'Funding':
         return <Funding />
       default:
         return null
@@ -34,10 +34,10 @@ export const Tabs = () => {
           value={activeTab}
           onChange={(e) => setActiveTab(e.target.value)}
         >
-          <option>Profile</option>
-          <option>Dashboard</option>
-          <option>Settings</option>
-          <option>Invoice</option>
+          <option>Updates</option>
+          <option>About</option>
+          <option>Team</option>
+          <option>Funding</option>
         </select>
       </div>
 
@@ -46,7 +46,7 @@ export const Tabs = () => {
         <li className="w-full focus-within:z-10">
           <a
             href="#"
-            onClick={() => setActiveTab('Profile')}
+            onClick={() => setActiveTab('Updates')}
             className={`inline-block w-full p-4 text-lg ${
               activeTab === 'Profile' ? 'bg-grayblue-200' : 'bg-grayblue-100'
             } border-grayblue-100 rounded-s-lg hover:bg-grayblue-300`}
@@ -57,9 +57,9 @@ export const Tabs = () => {
         <li className="w-full focus-within:z-10">
           <a
             href="#"
-            onClick={() => setActiveTab('Dashboard')}
+            onClick={() => setActiveTab('About')}
             className={`inline-block w-full p-4 text-lg ${
-              activeTab === 'Dashboard' ? 'bg-grayblue-200' : 'bg-grayblue-100'
+              activeTab === 'About' ? 'bg-grayblue-200' : 'bg-grayblue-100'
             } border-grayblue-100 hover:bg-grayblue-300`}
           >
             About
@@ -68,9 +68,9 @@ export const Tabs = () => {
         <li className="w-full focus-within:z-10">
           <a
             href="#"
-            onClick={() => setActiveTab('Settings')}
+            onClick={() => setActiveTab('Team')}
             className={`inline-block w-full p-4 text-lg ${
-              activeTab === 'Settings' ? 'bg-grayblue-200' : 'bg-grayblue-100'
+              activeTab === 'Team' ? 'bg-grayblue-200' : 'bg-grayblue-100'
             } border-grayblue-100 hover:bg-grayblue-300`}
           >
             Team
@@ -79,9 +79,9 @@ export const Tabs = () => {
         <li className="w-full focus-within:z-10">
           <a
             href="#"
-            onClick={() => setActiveTab('Invoice')}
+            onClick={() => setActiveTab('Funding')}
             className={`inline-block w-full p-4 text-lg ${
-              activeTab === 'Invoice' ? 'bg-grayblue-200' : 'bg-grayblue-100'
+              activeTab === 'Funding' ? 'bg-grayblue-200' : 'bg-grayblue-100'
             } border-grayblue-100 rounded-e-lg hover:bg-grayblue-300`}
           >
             Treasury

diff --git a/src/shared/navbar/Navbar.tsx b/src/shared/navbar/Navbar.tsx
@@ -98,6 +98,13 @@ const Navbar = () => {
         >
           Home
         </a>
+        <a
+          className="block hover:underline pointer-events-auto"
+          href="/memo"
+          target="_blank"
+        >
+          Memo
+        </a>
         <a
           className="block hover:underline pointer-events-auto"
           href="https://docs.kleo.network/"