tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Client: Updated color theme

Browse Source
This commit is contained in:
Donkie
2023-05-18 13:27:57 +02:00
parent afdc809b9d
commit 60ea450ce2
1 changed files with 99 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
client/src/App.tsx
View File

@@ -38,6 +38,7 @@ import {
HighlightOutlined, HighlightOutlined,
UserOutlined, UserOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import { ConfigProvider } from "antd";
function App() { function App() {
const { t, i18n } = useTranslation(); const { t, i18n } = useTranslation();
@@ -64,102 +65,110 @@ function App() {
<BrowserRouter> <BrowserRouter>
<RefineKbarProvider> <RefineKbarProvider>
<ColorModeContextProvider> <ColorModeContextProvider>
<Refine <ConfigProvider
dataProvider={dataProvider(import.meta.env.VITE_APIURL)} theme={{
notificationProvider={notificationProvider} token: {
i18nProvider={i18nProvider} colorPrimary: "#dc7734",
routerProvider={routerBindings}
resources={[
{
name: "spool",
list: "/spool",
create: "/spool/create",
edit: "/spool/edit/:id",
show: "/spool/show/:id",
meta: {
canDelete: true,
icon: <FileOutlined />,
},
}, },
{
name: "filament",
list: "/filament",
create: "/filament/create",
edit: "/filament/edit/:id",
show: "/filament/show/:id",
meta: {
canDelete: true,
icon: <HighlightOutlined />,
},
},
{
name: "vendor",
list: "/vendor",
create: "/vendor/create",
edit: "/vendor/edit/:id",
show: "/vendor/show/:id",
meta: {
canDelete: true,
icon: <UserOutlined />,
},
},
]}
options={{
syncWithLocation: true,
warnWhenUnsavedChanges: true,
}} }}
> >
<Routes> <Refine
<Route dataProvider={dataProvider(import.meta.env.VITE_APIURL)}
element={ notificationProvider={notificationProvider}
<ThemedLayoutV2 i18nProvider={i18nProvider}
Header={() => <Header sticky />} routerProvider={routerBindings}
Sider={() => ( resources={[
<ThemedSiderV2 {
fixed name: "spool",
Title={({ collapsed }) => ( list: "/spool",
<ThemedTitleV2 create: "/spool/create",
collapsed={collapsed} edit: "/spool/edit/:id",
text="Spoolman" show: "/spool/show/:id",
icon={<Logo />} meta: {
/> canDelete: true,
)} icon: <FileOutlined />,
/> },
)} },
> {
<Outlet /> name: "filament",
</ThemedLayoutV2> list: "/filament",
} create: "/filament/create",
> edit: "/filament/edit/:id",
show: "/filament/show/:id",
meta: {
canDelete: true,
icon: <HighlightOutlined />,
},
},
{
name: "vendor",
list: "/vendor",
create: "/vendor/create",
edit: "/vendor/edit/:id",
show: "/vendor/show/:id",
meta: {
canDelete: true,
icon: <UserOutlined />,
},
},
]}
options={{
syncWithLocation: true,
warnWhenUnsavedChanges: true,
}}
>
<Routes>
<Route <Route
index element={
element={<NavigateToResource resource="spool" />} <ThemedLayoutV2
/> Header={() => <Header sticky />}
<Route path="/spool"> Sider={() => (
<Route index element={<SpoolList />} /> <ThemedSiderV2
<Route path="create" element={<SpoolCreate />} /> fixed
<Route path="edit/:id" element={<SpoolEdit />} /> Title={({ collapsed }) => (
<Route path="show/:id" element={<SpoolShow />} /> <ThemedTitleV2
collapsed={collapsed}
text="Spoolman"
icon={<Logo />}
/>
)}
/>
)}
>
<Outlet />
</ThemedLayoutV2>
}
>
<Route
index
element={<NavigateToResource resource="spool" />}
/>
<Route path="/spool">
<Route index element={<SpoolList />} />
<Route path="create" element={<SpoolCreate />} />
<Route path="edit/:id" element={<SpoolEdit />} />
<Route path="show/:id" element={<SpoolShow />} />
</Route>
<Route path="/filament">
<Route index element={<FilamentList />} />
<Route path="create" element={<FilamentCreate />} />
<Route path="edit/:id" element={<FilamentEdit />} />
<Route path="show/:id" element={<FilamentShow />} />
</Route>
<Route path="/vendor">
<Route index element={<VendorList />} />
<Route path="create" element={<VendorCreate />} />
<Route path="edit/:id" element={<VendorEdit />} />
<Route path="show/:id" element={<VendorShow />} />
</Route>
<Route path="*" element={<ErrorComponent />} />
</Route> </Route>
<Route path="/filament"> </Routes>
<Route index element={<FilamentList />} />
<Route path="create" element={<FilamentCreate />} />
<Route path="edit/:id" element={<FilamentEdit />} />
<Route path="show/:id" element={<FilamentShow />} />
</Route>
<Route path="/vendor">
<Route index element={<VendorList />} />
<Route path="create" element={<VendorCreate />} />
<Route path="edit/:id" element={<VendorEdit />} />
<Route path="show/:id" element={<VendorShow />} />
</Route>
<Route path="*" element={<ErrorComponent />} />
</Route>
</Routes>
<RefineKbar /> <RefineKbar />
<UnsavedChangesNotifier /> <UnsavedChangesNotifier />
</Refine> </Refine>
</ConfigProvider>
</ColorModeContextProvider> </ColorModeContextProvider>
</RefineKbarProvider> </RefineKbarProvider>
</BrowserRouter> </BrowserRouter>