Complete main UI #37

Merged
FatttSnake merged 192 commits from FatttSnake into dev 2024-02-23 16:31:17 +08:00
Showing only changes of commit a090327429 - Show all commits

View File

@@ -17,6 +17,7 @@ const ToolsFramework: React.FC = () => {
const [submenuTop, setSubmenuTop] = useState(0) const [submenuTop, setSubmenuTop] = useState(0)
const [submenuLeft, setSubmenuLeft] = useState(0) const [submenuLeft, setSubmenuLeft] = useState(0)
const [hideSidebar, setHideSidebar] = useState(getLocalStorage('hideSidebar') === 'false') const [hideSidebar, setHideSidebar] = useState(getLocalStorage('hideSidebar') === 'false')
const [exiting, setExiting] = useState(false)
const switchSidebar = () => { const switchSidebar = () => {
setHideSidebar(!hideSidebar) setHideSidebar(!hideSidebar)
@@ -52,6 +53,11 @@ const ToolsFramework: React.FC = () => {
} }
const handleLogout = () => { const handleLogout = () => {
if (exiting) {
return
}
setExiting(true)
void logout().finally(() => { void logout().finally(() => {
setTimeout(() => { setTimeout(() => {
window.location.reload() window.location.reload()
@@ -232,7 +238,10 @@ const ToolsFramework: React.FC = () => {
className={'icon-exit'} className={'icon-exit'}
onClick={handleLogout} onClick={handleLogout}
> >
<Icon component={IconFatwebExit} /> <Icon
component={exiting ? IconFatwebLoading : IconFatwebExit}
spin={exiting}
/>
</span> </span>
</div> </div>
</div> </div>