fix: update server logo

This commit is contained in:
Tristan Yang
2022-06-29 10:55:39 +08:00
parent 0b718aae86
commit c5694a07b0
+6 -7
View File
@@ -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">