fix: update server logo
This commit is contained in:
@@ -2,7 +2,6 @@ import { useState, useEffect } from "react";
|
|||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
import toast from "react-hot-toast";
|
import toast from "react-hot-toast";
|
||||||
import {
|
import {
|
||||||
useGetServerQuery,
|
|
||||||
useUpdateServerMutation,
|
useUpdateServerMutation,
|
||||||
useUpdateLogoMutation,
|
useUpdateLogoMutation,
|
||||||
useUpdateLoginConfigMutation,
|
useUpdateLoginConfigMutation,
|
||||||
@@ -99,13 +98,12 @@ const StyledWrapper = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
export default function Overview() {
|
export default function Overview() {
|
||||||
const loginUser = useAppSelector((store) => {
|
const { loginUser, server } = useAppSelector((store) => {
|
||||||
return store.contacts.byId[store.authData.uid];
|
return { loginUser: store.authData.user, server: store.server };
|
||||||
});
|
});
|
||||||
const [changed, setChanged] = useState(false);
|
const [changed, setChanged] = useState(false);
|
||||||
const [serverValues, setServerValues] = useState(null);
|
const [serverValues, setServerValues] = useState<typeof server>(server);
|
||||||
const [loginConfigValues, setLoginConfigValues] = useState(null);
|
const [loginConfigValues, setLoginConfigValues] = useState(null);
|
||||||
const { data: server, refetch: refetchServer } = useGetServerQuery();
|
|
||||||
const { data: loginConfig, refetch: refetchLoginConfig } = useGetLoginConfigQuery();
|
const { data: loginConfig, refetch: refetchLoginConfig } = useGetLoginConfigQuery();
|
||||||
const [updateServer, { isSuccess: serverUpdated }] = useUpdateServerMutation();
|
const [updateServer, { isSuccess: serverUpdated }] = useUpdateServerMutation();
|
||||||
const [uploadLogo, { isSuccess: uploadSuccess }] = useUpdateLogoMutation();
|
const [uploadLogo, { isSuccess: uploadSuccess }] = useUpdateLogoMutation();
|
||||||
@@ -113,10 +111,12 @@ export default function Overview() {
|
|||||||
const handleUpdate = () => {
|
const handleUpdate = () => {
|
||||||
const { name, description } = serverValues;
|
const { name, description } = serverValues;
|
||||||
updateServer({ name, description });
|
updateServer({ name, description });
|
||||||
|
if (loginUser?.is_admin) {
|
||||||
updateLoginConfig({
|
updateLoginConfig({
|
||||||
...loginConfig,
|
...loginConfig,
|
||||||
who_can_sign_up: loginConfigValues.who_can_sign_up
|
who_can_sign_up: loginConfigValues.who_can_sign_up
|
||||||
});
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
const handleChange = (evt) => {
|
const handleChange = (evt) => {
|
||||||
const newValue = evt.target.value;
|
const newValue = evt.target.value;
|
||||||
@@ -133,7 +133,6 @@ export default function Overview() {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (uploadSuccess) {
|
if (uploadSuccess) {
|
||||||
toast.success("Update logo successfully!");
|
toast.success("Update logo successfully!");
|
||||||
refetchServer();
|
|
||||||
}
|
}
|
||||||
}, [uploadSuccess]);
|
}, [uploadSuccess]);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -162,7 +161,6 @@ export default function Overview() {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (serverUpdated && loginConfigUpdated) {
|
if (serverUpdated && loginConfigUpdated) {
|
||||||
toast.success("Configuration updated!");
|
toast.success("Configuration updated!");
|
||||||
refetchServer();
|
|
||||||
refetchLoginConfig();
|
refetchLoginConfig();
|
||||||
}
|
}
|
||||||
}, [serverUpdated, loginConfigUpdated]);
|
}, [serverUpdated, loginConfigUpdated]);
|
||||||
@@ -171,6 +169,7 @@ export default function Overview() {
|
|||||||
const { name, description, logo } = serverValues;
|
const { name, description, logo } = serverValues;
|
||||||
const { who_can_sign_up: whoCanSignUp } = loginConfigValues;
|
const { who_can_sign_up: whoCanSignUp } = loginConfigValues;
|
||||||
const isAdmin = loginUser?.is_admin;
|
const isAdmin = loginUser?.is_admin;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledWrapper>
|
<StyledWrapper>
|
||||||
<div className="logo">
|
<div className="logo">
|
||||||
|
|||||||
Reference in New Issue
Block a user