chore: refactor

src/components/install-commands.tsx

@@ -22,15 +22,15 @@ enum OSTypes {
 
 export const InstallCommandsMenu = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
     const [copy, setCopy] = useState(false)
-    const settings = useSettings()
+    const {data: settings} = useSettings()
     const { t } = useTranslation()
 
     const switchState = async (type: number) => {
         if (!copy) {
             try {
                 setCopy(true)
-                if (!settings.data) throw new Error("Settings is not found.")
-                await copyToClipboard(generateCommand(type, settings.data) || "")
+                if (!settings) throw new Error("Settings is not found.")
+                await copyToClipboard(generateCommand(type, settings) || "")
             } catch (e: Error | any) {
                 console.error(e)
                 toast(t("Error"), {

src/routes/root.tsx

@@ -16,37 +16,11 @@ export default function Root() {
     }, [settingData])
 
     const InjectContext = useCallback((content: string) => {
+        document.getElementById("nezha-custom-code")?.remove()
         const tempDiv = document.createElement("div")
+        tempDiv.id = "nezha-custom-code"
         tempDiv.innerHTML = content
-
-        const handlers: { [key: string]: (element: HTMLElement) => void } = {
-            SCRIPT: (element) => {
-                const script = document.createElement("script")
-                if ((element as HTMLScriptElement).src) {
-                    script.src = (element as HTMLScriptElement).src
-                } else {
-                    script.textContent = element.textContent
-                }
-                document.body.appendChild(script)
-            },
-            STYLE: (element) => {
-                const style = document.createElement("style")
-                style.textContent = element.textContent
-                document.head.appendChild(style)
-            },
-            DEFAULT: (element) => {
-                document.body.appendChild(element)
-            },
-        }
-
-        Array.from(tempDiv.childNodes).forEach((node) => {
-            if (node.nodeType === Node.ELEMENT_NODE) {
-                const element = node as HTMLElement
-                ;(handlers[element.tagName] || handlers.DEFAULT)(element)
-            } else if (node.nodeType === Node.TEXT_NODE) {
-                document.body.appendChild(document.createTextNode(node.textContent || ""))
-            }
-        })
+        document.body.appendChild(tempDiv)
     }, [])
 
     if (error) {

src/routes/settings.tsx

@@ -86,8 +86,8 @@ export default function SettingsPage() {
     const onSubmit = async (values: z.infer<typeof settingFormSchema>) => {
         try {
             await updateSettings(values)
-            await mutate()
             form.reset()
+            await mutate()
         } catch (e) {
             toast(t("Error"), {
                 description: t("Results.ErrorFetchingResource", {