Merge pull request #2280 from invoiceninja/GH-2153

Fixes for mobile navigation
invoiceninja · Dec 24, 2024 · a4ea989 · a4ea989
2 parents 9807811 + ef1947b
commit a4ea989
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
@@ -105,11 +105,12 @@ export function Tabs(props: Props) {
           name="tabs"
           className="block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
           defaultValue={props.tabs.find((tab) => tab)?.name}
+          onChange={(e) => navigate(e.currentTarget.value)}
         >
           {props.tabs.map(
             (tab) =>
               (typeof tab.enabled === 'undefined' || tab.enabled) && (
-                <option key={tab.name}>{tab.formatName?.() || tab.name}</option>
+                <option key={tab.name} value={tab.href}>{tab.formatName?.() || tab.name}</option>
               )
           )}
         </select>

diff --git a/src/pages/settings/company/CompanyDetails.tsx b/src/pages/settings/company/CompanyDetails.tsx
@@ -45,6 +45,7 @@ export function CompanyDetails() {
       docsLink="en/basic-settings/#company_details"
     >
       <Tabs tabs={tabs} className="mt-6" />
+
       <div className="my-4">
         <Outlet />
       </div>