Move file-reset comfirmation message to a dialog (#261)

Move reset files comfirmation to dialog

web/src/shell/settings.tsx

@@ -31,6 +31,7 @@ export const Settings = () => {
   }, [fs, writeLocale]);
 
   const resetWarning = useDialog();
+  const resetConfirm = useDialog();
 
   const resetFiles = async () => {
     const version = getVersion();
@@ -39,7 +40,6 @@ export const Settings = () => {
     localStorage["/chip/project"] = "01";
     localStorage["/chip/chip"] = "Not";
     await loaders.resetFiles(fs);
-    setStatus("Your files were reset");
   };
 
   const resetWarningDialog = (
@@ -63,6 +63,7 @@ export const Settings = () => {
               onClick={async () => {
                 await resetFiles();
                 resetWarning.close();
+                resetConfirm.open();
               }}
             >
               Yes
@@ -81,6 +82,17 @@ export const Settings = () => {
     </dialog>
   );
 
+  const resetConfirmDialog = (
+    <dialog open={resetConfirm.isOpen}>
+      <article>
+        <header>Your files were reset</header>
+        <main>
+          <button onClick={resetConfirm.close}>Ok</button>
+        </main>
+      </article>
+    </dialog>
+  );
+
   return (
     <>
       <dialog open={settings.isOpen}>
@@ -140,14 +152,6 @@ export const Settings = () => {
                 >
                   <Trans>Reset</Trans>
                 </button>
-                {/* <button
-                onClick={async () => {
-                  await loaders.loadSolutions(fs);
-                  setStatus("Loaded sample solutions...");
-                }}
-                >
-                <Trans>Solutions</Trans>
-              </button> */}
                 <button
                   onClick={async () => {
                     await loaders.loadSamples(fs);
@@ -248,16 +252,7 @@ export const Settings = () => {
         </article>
       </dialog>
       {resetWarningDialog}
+      {resetConfirmDialog}
     </>
   );
-  // dt("Numeric Format"),
-  // dd(
-  //   ButtonBar({
-  //     value: "B",
-  //     values: ["B", "D", "X", "A"],
-  //     events: {
-  //       onSelect: () => {},
-  //     },
-  //   })
-  // )
 };