fix: resolved theme updation workflow in store-wrapper and workspace preferences (#4931)

This commit is contained in:
guru_sainath 2024-06-25 15:56:27 +05:30 committed by GitHub
parent c5cd823aaa
commit 245962d5a5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 40 additions and 20 deletions

View file

@ -1,7 +1,6 @@
"use client";
import { observer } from "mobx-react";
import { useTheme } from "next-themes";
import { Controller, useForm } from "react-hook-form";
// types
import { IUserTheme } from "@plane/types";
@ -25,8 +24,12 @@ const inputRules = {
},
};
export const CustomThemeSelector: React.FC = observer(() => {
const { setTheme } = useTheme();
type TCustomThemeSelector = {
applyThemeChange: (theme: Partial<IUserTheme>) => void;
};
export const CustomThemeSelector: React.FC<TCustomThemeSelector> = observer((props) => {
const { applyThemeChange } = props;
// hooks
const { data: userProfile, updateUserTheme } = useUserProfile();
@ -59,7 +62,7 @@ export const CustomThemeSelector: React.FC = observer(() => {
palette: `${formData.background},${formData.text},${formData.primary},${formData.sidebarBackground},${formData.sidebarText}`,
theme: "custom",
};
setTheme("custom");
applyThemeChange(payload);
const updateCurrentUserThemePromise = updateUserTheme(payload);
setPromiseToast(updateCurrentUserThemePromise, {