Web:Client:Removed function from render.
This commit is contained in:
parent
cfcf747466
commit
9560bf0923
@ -160,11 +160,11 @@ const Appearance = (props) => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const colorCheckImg = appearanceTheme.find(
|
onColorCheck(appearanceTheme);
|
||||||
(theme) => theme.id == selectThemeId
|
}, [appearanceTheme]);
|
||||||
).text.accent;
|
|
||||||
|
|
||||||
setColorCheckImg(colorCheckImg);
|
useEffect(() => {
|
||||||
|
onColorCheck(appearanceTheme);
|
||||||
|
|
||||||
if (appearanceTheme.find((theme) => theme.id == selectThemeId).name) {
|
if (appearanceTheme.find((theme) => theme.id == selectThemeId).name) {
|
||||||
setIsDisabledEditButton(true);
|
setIsDisabledEditButton(true);
|
||||||
@ -215,6 +215,16 @@ const Appearance = (props) => {
|
|||||||
previewAccent,
|
previewAccent,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
const onColorCheck = useCallback(
|
||||||
|
(themes) => {
|
||||||
|
const colorCheckImg = themes.find((theme) => theme.id == selectThemeId)
|
||||||
|
?.text.accent;
|
||||||
|
|
||||||
|
setColorCheckImg(colorCheckImg);
|
||||||
|
},
|
||||||
|
[selectThemeId]
|
||||||
|
);
|
||||||
|
|
||||||
const onColorCheckImgHover = useCallback(
|
const onColorCheckImgHover = useCallback(
|
||||||
(e) => {
|
(e) => {
|
||||||
const id = e.target.id;
|
const id = e.target.id;
|
||||||
@ -241,18 +251,6 @@ const Appearance = (props) => {
|
|||||||
setSelectThemeId(item.id);
|
setSelectThemeId(item.id);
|
||||||
};
|
};
|
||||||
|
|
||||||
const onShowCheck = useCallback(
|
|
||||||
(colorNumber) => {
|
|
||||||
return (
|
|
||||||
selectThemeId &&
|
|
||||||
selectThemeId === colorNumber && (
|
|
||||||
<ReactSVG className="check-img" src={checkImg} />
|
|
||||||
)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
[selectThemeId]
|
|
||||||
);
|
|
||||||
|
|
||||||
const onSave = useCallback(async () => {
|
const onSave = useCallback(async () => {
|
||||||
setIsDisabledSaveButton(true);
|
setIsDisabledSaveButton(true);
|
||||||
|
|
||||||
@ -307,6 +305,7 @@ const Appearance = (props) => {
|
|||||||
}
|
}
|
||||||
}, [
|
}, [
|
||||||
selectThemeId,
|
selectThemeId,
|
||||||
|
selectedThemeId,
|
||||||
setVisibleDialog,
|
setVisibleDialog,
|
||||||
deleteAppearanceTheme,
|
deleteAppearanceTheme,
|
||||||
getAppearanceTheme,
|
getAppearanceTheme,
|
||||||
@ -585,7 +584,9 @@ const Appearance = (props) => {
|
|||||||
onClick={() => onColorSelection(item)}
|
onClick={() => onColorSelection(item)}
|
||||||
onMouseOver={onColorCheckImgHover}
|
onMouseOver={onColorCheckImgHover}
|
||||||
>
|
>
|
||||||
{onShowCheck(item.id)}
|
{selectThemeId === item.id && (
|
||||||
|
<ReactSVG className="check-img" src={checkImg} />
|
||||||
|
)}
|
||||||
|
|
||||||
{selectThemeId !== item.id && checkImgHover}
|
{selectThemeId !== item.id && checkImgHover}
|
||||||
</StyledTheme>
|
</StyledTheme>
|
||||||
@ -610,8 +611,9 @@ const Appearance = (props) => {
|
|||||||
onClick={() => onColorSelection(item)}
|
onClick={() => onColorSelection(item)}
|
||||||
onMouseOver={onColorCheckImgHover}
|
onMouseOver={onColorCheckImgHover}
|
||||||
>
|
>
|
||||||
{onShowCheck(item.id)}
|
{selectThemeId === item.id && (
|
||||||
|
<ReactSVG className="check-img" src={checkImg} />
|
||||||
|
)}
|
||||||
{selectThemeId !== item.id && checkImgHover}
|
{selectThemeId !== item.id && checkImgHover}
|
||||||
</StyledTheme>
|
</StyledTheme>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user