refactor: getGroups

This commit is contained in:
Ibrahima G. Coulibaly 2025-07-10 20:34:27 +01:00
commit ee4b9c4057
5 changed files with 74 additions and 37 deletions

34
.idea/workspace.xml generated
View file

@ -4,12 +4,12 @@
<option name="autoReloadType" value="SELECTIVE" /> <option name="autoReloadType" value="SELECTIVE" />
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="docs: edit pdf meta"> <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="refactor: getGroups">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/ToolContent.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/ToolContent.tsx" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/App.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/App.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/options/ToolOptions.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/options/ToolOptions.tsx" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/ToolLayout.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/ToolLayout.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/pages/tools/number/generic-calc/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/number/generic-calc/index.tsx" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/pages/home/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/home/index.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/pages/tools/time/check-leap-years/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/time/check-leap-years/index.tsx" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -503,15 +503,7 @@
<workItem from="1752071020011" duration="1599000" /> <workItem from="1752071020011" duration="1599000" />
<workItem from="1752077170501" duration="4261000" /> <workItem from="1752077170501" duration="4261000" />
<workItem from="1752127185450" duration="1168000" /> <workItem from="1752127185450" duration="1168000" />
<workItem from="1752157409587" duration="2415000" /> <workItem from="1752157409587" duration="4662000" />
</task>
<task id="LOCAL-00169" summary="chore: text result extensions">
<option name="closed" value="true" />
<created>1743022260639</created>
<option name="number" value="00169" />
<option name="presentableId" value="LOCAL-00169" />
<option name="project" value="LOCAL" />
<updated>1743022260639</updated>
</task> </task>
<task id="LOCAL-00170" summary="chore: show new tools in landing"> <task id="LOCAL-00170" summary="chore: show new tools in landing">
<option name="closed" value="true" /> <option name="closed" value="true" />
@ -897,7 +889,15 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1752158119802</updated> <updated>1752158119802</updated>
</task> </task>
<option name="localTasksCounter" value="218" /> <task id="LOCAL-00218" summary="refactor: getGroups">
<option name="closed" value="true" />
<created>1752159900432</created>
<option name="number" value="00218" />
<option name="presentableId" value="LOCAL-00218" />
<option name="project" value="LOCAL" />
<updated>1752159900432</updated>
</task>
<option name="localTasksCounter" value="219" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -944,7 +944,6 @@
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" /> <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
<option name="CHECK_NEW_TODO" value="false" /> <option name="CHECK_NEW_TODO" value="false" />
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" /> <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
<MESSAGE value="fix: add mkv to supported videos" />
<MESSAGE value="feat: drag and drop" /> <MESSAGE value="feat: drag and drop" />
<MESSAGE value="Merge branch 'feat/pdf-merge' of git-rohit:rohit267/omni-tools into feat/pdf-merge" /> <MESSAGE value="Merge branch 'feat/pdf-merge' of git-rohit:rohit267/omni-tools into feat/pdf-merge" />
<MESSAGE value="chore: revert create-tool.mjs" /> <MESSAGE value="chore: revert create-tool.mjs" />
@ -969,7 +968,8 @@
<MESSAGE value="chore: style link" /> <MESSAGE value="chore: style link" />
<MESSAGE value="refactor: PDF editor" /> <MESSAGE value="refactor: PDF editor" />
<MESSAGE value="docs: edit pdf meta" /> <MESSAGE value="docs: edit pdf meta" />
<option name="LAST_COMMIT_MESSAGE" value="docs: edit pdf meta" /> <MESSAGE value="refactor: getGroups" />
<option name="LAST_COMMIT_MESSAGE" value="refactor: getGroups" />
</component> </component>
<component name="VgoProject"> <component name="VgoProject">
<integration-enabled>false</integration-enabled> <integration-enabled>false</integration-enabled>

View file

@ -3,7 +3,7 @@ import routesConfig from '../config/routesConfig';
import Navbar from './Navbar'; import Navbar from './Navbar';
import { Suspense, useState, useEffect } from 'react'; import { Suspense, useState, useEffect } from 'react';
import Loading from './Loading'; import Loading from './Loading';
import { CssBaseline, Theme, ThemeProvider } from '@mui/material'; import { Box, CssBaseline, Theme, ThemeProvider } from '@mui/material';
import { CustomSnackBarProvider } from '../contexts/CustomSnackBarContext'; import { CustomSnackBarProvider } from '../contexts/CustomSnackBarContext';
import { SnackbarProvider } from 'notistack'; import { SnackbarProvider } from 'notistack';
import { tools } from '../tools'; import { tools } from '../tools';
@ -55,16 +55,52 @@ function App() {
> >
<CustomSnackBarProvider> <CustomSnackBarProvider>
<BrowserRouter> <BrowserRouter>
<Navbar <Box
mode={mode} sx={{
onChangeMode={() => { height: '100vh',
setMode((prev) => nextMode(prev)); position: 'absolute',
localStorage.setItem('theme', nextMode(mode)); top: 0,
left: 0,
zIndex: 1000,
backgroundColor:
theme.palette.mode === 'dark' ? 'black' : '#f8fafc'
}} }}
/> >
<Suspense fallback={<Loading />}> <Box
<AppRoutes /> sx={
</Suspense> theme.palette.mode === 'dark'
? {
background: '#000000',
backgroundImage: `
linear-gradient(to right, rgba(75, 85, 99, 0.4) 1px, transparent 1px),
linear-gradient(to bottom, rgba(75, 85, 99, 0.4) 1px, transparent 1px)
`,
backgroundSize: '40px 40px'
}
: {
backgroundImage: `
linear-gradient(to right, rgba(229,231,235,0.8) 1px, transparent 1px),
linear-gradient(to bottom, rgba(229,231,235,0.8) 1px, transparent 1px),
radial-gradient(circle 500px at 20% 80%, rgba(139,92,246,0.3), transparent),
radial-gradient(circle 500px at 80% 20%, rgba(59,130,246,0.3), transparent)
`,
backgroundSize:
'48px 48px, 48px 48px, 100% 100%, 100% 100%'
}
}
>
<Navbar
mode={mode}
onChangeMode={() => {
setMode((prev) => nextMode(prev));
localStorage.setItem('theme', nextMode(mode));
}}
/>
<Suspense fallback={<Loading />}>
<AppRoutes />
</Suspense>
</Box>
</Box>
</BrowserRouter> </BrowserRouter>
</CustomSnackBarProvider> </CustomSnackBarProvider>
</SnackbarProvider> </SnackbarProvider>

View file

@ -38,7 +38,6 @@ export default function ToolLayout({
display={'flex'} display={'flex'}
flexDirection={'column'} flexDirection={'column'}
alignItems={'center'} alignItems={'center'}
sx={{ backgroundColor: 'background.default' }}
> >
<Helmet> <Helmet>
<title>{`${title} - OmniTools`}</title> <title>{`${title} - OmniTools`}</title>

View file

@ -11,14 +11,16 @@ export default function Home() {
md: 3, md: 3,
lg: 5 lg: 5
}} }}
sx={{ sx={
background: `url(/assets/${ {
theme.palette.mode === 'dark' // background: `url(/assets/${
? 'background-dark.png' // theme.palette.mode === 'dark'
: 'background.svg' // ? 'background-dark.png'
})`, // : 'background.svg'
backgroundColor: 'background.default' // })`,
}} // backgroundColor: 'background.default'
}
}
display={'flex'} display={'flex'}
flexDirection={'column'} flexDirection={'column'}
alignItems={'center'} alignItems={'center'}

View file

@ -42,7 +42,7 @@ export default function ToolsByCategory() {
}, []); }, []);
return ( return (
<Box sx={{ backgroundColor: 'background.default' }}> <Box>
<Helmet> <Helmet>
<title>{`${rawTitle} Tools`}</title> <title>{`${rawTitle} Tools`}</title>
</Helmet> </Helmet>