diff options
Diffstat (limited to 'frontend/src/components/ModMenu.tsx')
| -rw-r--r-- | frontend/src/components/ModMenu.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/frontend/src/components/ModMenu.tsx b/frontend/src/components/ModMenu.tsx index 19ce0ce..e7ef25c 100644 --- a/frontend/src/components/ModMenu.tsx +++ b/frontend/src/components/ModMenu.tsx | |||
| @@ -5,7 +5,7 @@ import { useNavigate } from "react-router-dom"; | |||
| 5 | import { MapSummary } from "@customTypes/Map"; | 5 | import { MapSummary } from "@customTypes/Map"; |
| 6 | import { ModMenuContent } from "@customTypes/Content"; | 6 | import { ModMenuContent } from "@customTypes/Content"; |
| 7 | import { API } from "@api/Api"; | 7 | import { API } from "@api/Api"; |
| 8 | import "@css/ModMenu.css" | 8 | import "@css/ModMenu.css"; |
| 9 | import useConfirm from "@hooks/UseConfirm"; | 9 | import useConfirm from "@hooks/UseConfirm"; |
| 10 | 10 | ||
| 11 | interface ModMenuProps { | 11 | interface ModMenuProps { |
| @@ -73,7 +73,7 @@ const ModMenu: React.FC<ModMenuProps> = ({ token, data, selectedRun, mapID }) => | |||
| 73 | if (success) { | 73 | if (success) { |
| 74 | navigate(0); | 74 | navigate(0); |
| 75 | } else { | 75 | } else { |
| 76 | alert("Error. Check logs.") | 76 | alert("Error. Check logs."); |
| 77 | } | 77 | } |
| 78 | } | 78 | } |
| 79 | } | 79 | } |
| @@ -87,7 +87,7 @@ const ModMenu: React.FC<ModMenuProps> = ({ token, data, selectedRun, mapID }) => | |||
| 87 | if (success) { | 87 | if (success) { |
| 88 | navigate(0); | 88 | navigate(0); |
| 89 | } else { | 89 | } else { |
| 90 | alert("Error. Check logs.") | 90 | alert("Error. Check logs."); |
| 91 | } | 91 | } |
| 92 | } | 92 | } |
| 93 | } | 93 | } |
| @@ -101,7 +101,7 @@ const ModMenu: React.FC<ModMenuProps> = ({ token, data, selectedRun, mapID }) => | |||
| 101 | if (success) { | 101 | if (success) { |
| 102 | navigate(0); | 102 | navigate(0); |
| 103 | } else { | 103 | } else { |
| 104 | alert("Error. Check logs.") | 104 | alert("Error. Check logs."); |
| 105 | } | 105 | } |
| 106 | } | 106 | } |
| 107 | } | 107 | } |
| @@ -115,7 +115,7 @@ const ModMenu: React.FC<ModMenuProps> = ({ token, data, selectedRun, mapID }) => | |||
| 115 | if (success) { | 115 | if (success) { |
| 116 | navigate(0); | 116 | navigate(0); |
| 117 | } else { | 117 | } else { |
| 118 | alert("Error. Check logs.") | 118 | alert("Error. Check logs."); |
| 119 | } | 119 | } |
| 120 | } | 120 | } |
| 121 | } | 121 | } |
| @@ -149,17 +149,17 @@ const ModMenu: React.FC<ModMenuProps> = ({ token, data, selectedRun, mapID }) => | |||
| 149 | }, [menu]); | 149 | }, [menu]); |
| 150 | 150 | ||
| 151 | React.useEffect(() => { | 151 | React.useEffect(() => { |
| 152 | const modview = document.querySelector("div#modview") as HTMLElement | 152 | const modview = document.querySelector("div#modview") as HTMLElement; |
| 153 | if (modview) { | 153 | if (modview) { |
| 154 | showButton ? modview.style.transform = "translateY(-68%)" | 154 | showButton ? modview.style.transform = "translateY(-68%)" |
| 155 | : modview.style.transform = "translateY(0%)" | 155 | : modview.style.transform = "translateY(0%)"; |
| 156 | } | 156 | } |
| 157 | 157 | ||
| 158 | const modview_block = document.querySelector("#modview_block") as HTMLElement | 158 | const modview_block = document.querySelector("#modview_block") as HTMLElement; |
| 159 | if (modview_block) { | 159 | if (modview_block) { |
| 160 | showButton ? modview_block.style.display = "none" : modview_block.style.display = "block" | 160 | showButton ? modview_block.style.display = "none" : modview_block.style.display = "block"; |
| 161 | } | 161 | } |
| 162 | }, [showButton]) | 162 | }, [showButton]); |
| 163 | 163 | ||
| 164 | return ( | 164 | return ( |
| 165 | <> | 165 | <> |