forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-13 02:53:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved NavPills component and added test

Browse Source
This commit is contained in:
Alejandro Celaya
2022-02-14 19:58:20 +01:00
parent b0fa14fcfe
commit f24c8052a9
4 changed files with 70 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/settings/Settings.tsx
View File

@@ -1,7 +1,7 @@
import { FC, ReactNode } from 'react';
import { Navigate, Routes, Route } from 'react-router-dom';
import { NoMenuLayout } from '../common/NoMenuLayout';
import { NavPills } from '../utils/NavPills';
import { NavPillItem, NavPills } from '../utils/NavPills';
const SettingsSections: FC<{ items: ReactNode[] }> = ({ items }) => (
<>
@@ -18,13 +18,11 @@ const Settings = (
Tags: FC,
) => () => (
<NoMenuLayout>
<NavPills
items={[
{ to: 'app', children: 'App' },
{ to: 'short-urls', children: 'Short URLs' },
{ to: 'others', children: 'Others' },
]}
/>
<NavPills>
<NavPillItem to="app">App</NavPillItem>
<NavPillItem to="short-urls">Short URLs</NavPillItem>
<NavPillItem to="others">Others</NavPillItem>
</NavPills>
<Routes>
<Route path="app" element={<SettingsSections items={[ <UserInterface key="one" />, <RealTimeUpdates key="two" /> ]} />} />