More typing

src/pages/settings/components/Theming/Themes.tsx

@@ -9,6 +9,7 @@ import type { Theme } from 'types';
 import SettingsHeader from '../Shared/SettingsHeader';
 import ThemeCard from './ThemeCard';
 import ThemeModal from './ThemeModal';
+
 function ThemesSettings() {
 	const themesEndpoint = 'api/themes';
 	const backgroundsEndpoint = 'api/backgrounds';
@@ -26,7 +27,17 @@ function ThemesSettings() {
 	const [colorId, setColorId] = useState<string>('');
 	const [colorValue, setColorValue] = useState('#000000');
 	const [backgroundList, setBackgroundList] = useState<string[]>(['None']);
-	const [selectedTheme, setSelectedTheme] = useState<any>({});
+	const [selectedTheme, setSelectedTheme] = useState<Theme>({
+		id: undefined,
+		name: 'default',
+		backgroundImage: 'none',
+		backgroundColor: '#EEEEEE',
+		searchColor: '#00000033',
+		primaryColor: '#222222',
+		accentColor: '#5c5c5c',
+		borderColor: '#5c5c5c',
+		randomEnabled: 0,
+	});
 	const [pickerOpen, { open: openPicker, close: closePicker }] = useDisclosure(false);
 	const [searchValue, setSearchValue] = useState('');
 	const [debouncedSearch] = useDebouncedValue(searchValue, 500);
@@ -41,12 +52,22 @@ function ThemesSettings() {
 	const handleClose = () => {
 		close();
 		closePicker();
-		setSelectedTheme({});
+		setSelectedTheme({
+			id: undefined,
+			name: 'default',
+			backgroundImage: 'none',
+			backgroundColor: '#EEEEEE',
+			searchColor: '#00000033',
+			primaryColor: '#222222',
+			accentColor: '#5c5c5c',
+			borderColor: '#5c5c5c',
+			randomEnabled: 0,
+		});
 	};
 
 	const handleSaveTheme = () => {
 		mutateAsync({
-			method: selectedTheme.id === undefined ? 'POST' : 'PATCH',
+			method: selectedTheme?.id === undefined ? 'POST' : 'PATCH',
 			endpoint: themesEndpoint,
 			body: selectedTheme,
 		});
@@ -65,7 +86,6 @@ function ThemesSettings() {
 				handleClose={handleClose}
 				selectedTheme={selectedTheme}
 				setSelectedTheme={setSelectedTheme}
-				theme={theme}
 				setColorId={setColorId}
 				colorId={colorId}
 				setColorValue={setColorValue}