feat: consolidate onboarding
This commit is contained in:
1 parent
775ae0147c
commit
8239a631f2
21 files changed
+574
-238
No files matched your search
@@ -3,8 +3,16 @@
|
||||
import { ColorInput, useMantineTheme } from "@mantine/core";
|
||||
import type { ColorInputProps } from "@mantine/core";
|
||||
|
||||
export const BoardColorInput = (props: ColorInputProps) => {
|
||||
const theme = useMantineTheme();
|
||||
interface BoardColorInputProps extends ColorInputProps {
|
||||
defaultColor?: string;
|
||||
}
|
||||
|
||||
return <ColorInput {...props} format="hex" swatches={Object.values(theme.colors).map((color) => color[6])} />;
|
||||
export const BoardColorInput = ({ defaultColor, ...props }: BoardColorInputProps) => {
|
||||
const theme = useMantineTheme();
|
||||
const themeSwatches = Object.values(theme.colors).map((color) => color[6]);
|
||||
const swatches = defaultColor
|
||||
? [defaultColor, ...themeSwatches.filter((color) => color.toLowerCase() !== defaultColor.toLowerCase())]
|
||||
: themeSwatches;
|
||||
|
||||
return <ColorInput {...props} format="hex" swatches={swatches} />;
|
||||
};
|
||||
Reference in new issue
Block a user