add: template editor

src/components/Modals/PathSettingModal.js

@@ -1,5 +1,5 @@
-import {useUpdatePath} from "../../utils/path-queries";
-import {useCreatePathSetting, usePathSetting} from "../../utils/setting-queries";
+import {useUpdatePath} from "../../utils/queries/path-queries";
+import {useCreatePathSetting, usePathSetting} from "../../utils/queries/setting-queries";
 import WebhookSettingPanel from "../Settings/PathSettings/WebhookSettingPanel";
 import React, {useState} from "react";
 const PathSettingModal = ({ isOpen, path, onClose }) => {
@@ -18,17 +18,22 @@ const PathSettingModal = ({ isOpen, path, onClose }) => {
 
 
     if(isPathSettingLoading)
-        return <p>Loading...</p>
+        return (<p>Loading...</p>);
 
     return (
         <div className={`modal ${isOpen ? "is-active" : ""}`}>
-            <div className="modal-background" onClick={onClose}></div>
+            <div className="modal-background" onClick={onClose} />
             <div className="modal-card" style={{width: "60vw"}}>
                 <header className="modal-card-head">
                     <p className="modal-card-title">Path Settings</p>
-                    <button type="button" className="delete" aria-label="close" onClick={onClose} />
+                    <button
+                        type="button"
+                        className="delete"
+                        aria-label="close"
+                        onClick={onClose}
+                    />
                 </header>
-                {!pathSetting && !isPathSettingLoading ? (
+                {!pathSetting ? (
                     <section className="modal-card-body">
                         <button
                             type="button"