smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Themes modal udpated

Browse Source
This commit is contained in:
Sean Edmunds
2024-08-15 17:07:48 -05:00
parent a47f201fff
commit a37ab84f65
45 changed files with 1480 additions and 1177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/ThemeProvider.tsx
View File

@@ -1,11 +1,20 @@
import { Box } from '@mantine/core';
import { Box } from "@mantine/core";
export default function ThemeProvider({ theme, children }: { theme: any, children: React.ReactNode }) {
return <Box style={{
'--color-text-pri': theme.colortextpri,
'--color-text-acc': theme.colortextacc,
'--color-background': theme.colorbackground,
'--color-border': theme.colorborder,
'--color-search-background': theme.colorsearchbackground,
}}>{children}</Box>;
}
export default function ThemeProvider({
theme,
children,
}: { theme: any; children: React.ReactNode }) {
return (
<Box
style={{
"--color-text-pri": theme.colortextpri,
"--color-text-acc": theme.colortextacc,
"--color-background": theme.colorbackground,
"--color-border": theme.colorborder,
"--color-search-background": theme.colorsearchbackground,
}}
>
{children}
</Box>
);
}

6
src/components/ToastError.tsx
View File

@@ -1,10 +1,10 @@
import { Stack, Text } from '@mantine/core';
import { stackClasses } from '../styles';
import { Stack, Text } from "@mantine/core";
import { stackClasses } from "../styles";
export function ToastError({ err }: { err: any }) {
const errorResponse = JSON.parse(err.message);
return (
<Stack className={stackClasses.VStack} style={{ alignItems: 'flex-start' }}>
<Stack className={stackClasses.VStack} style={{ alignItems: "flex-start" }}>
<Text>
Status: {errorResponse.status} {errorResponse.statusText}
</Text>