move common dialogs

Author: SilvVF

app/db/query.sql.go

@@ -125,6 +125,11 @@ DELETE FROM texture WHERE texture.id = :id;
 -- name: SelectModsByGbId :many
 SELECT * FROM mod WHERE mod.gb_id = :gbId;
 
+-- name: UpdateTagName :exec
+UPDATE tag SET 
+    tag_name = :updatedName
+WHERE mod_id = :id AND tag_name = :oldName;
+
 -- name: UpdateModEnabledById :exec
 UPDATE mod SET
     selected = :selected

app/db/sql/query.sql

@@ -14,6 +14,7 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { GetAppUpdate, DismissUpdate } from "wailsjs/go/main/App"
 import { types } from "wailsjs/go/models";
 import { BrowserOpenURL } from "wailsjs/runtime/runtime";
+import AppDialogHost from "./components/appdialog";
 
 function App() {
 
@@ -32,20 +33,22 @@ function App() {
             <SidebarInset className="overflow-hidden">
               <DownloadOverlay />
               <AppUpdateDialog />
-              <ScrollProvider provideRef={scrollAreaRef}>
-                <div
-                  id="main"
-                  ref={scrollAreaRef}
-                  className={cn(
-                    !expanded && queued > 0
-                      ? "max-h-[calc(100vh-30px)]"
-                      : "max-h-[calc(100vh)]",
-                    "overflow-y-auto overflow-x-hidden"
-                  )}
-                >
-                  <Outlet />
-                </div>
-              </ScrollProvider>
+              <AppDialogHost>
+                <ScrollProvider provideRef={scrollAreaRef}>
+                  <div
+                    id="main"
+                    ref={scrollAreaRef}
+                    className={cn(
+                      !expanded && queued > 0
+                        ? "max-h-[calc(100vh-30px)]"
+                        : "max-h-[calc(100vh)]",
+                      "overflow-y-auto overflow-x-hidden"
+                    )}
+                  >
+                    <Outlet />
+                  </div>
+                </ScrollProvider>
+              </AppDialogHost>
             </SidebarInset>
           </SidebarProvider>
         </div>

app/frontend/src/App.tsx

@@ -321,6 +321,7 @@ export function ModActionsDropDown(props: {
   onView: () => void;
   onEnable: () => void;
   onKeymapEdit?: () => void;
+  addTag: () => void;
 }) {
   const [isOpen, setOpen] = useState(false);
 
@@ -372,6 +373,11 @@ export function ModActionsDropDown(props: {
           <span className="w-full">Toggle</span>
           <DropdownMenuShortcut>⇧t</DropdownMenuShortcut>
         </DropdownMenuItem>
+        <DropdownMenuItem onClick={props.addTag}>
+          <CheckCheckIcon className="mr-2 h-4 w-4" />
+          <span className="w-full">Add Tag</span>
+          <DropdownMenuShortcut>⇧a</DropdownMenuShortcut>
+        </DropdownMenuItem>
         {props.onKeymapEdit ? (
           <DropdownMenuItem onClick={props.onKeymapEdit}>
             <CheckCheckIcon className="mr-2 h-4 w-4" />

app/frontend/src/components/CharacterInfoCard.tsx

@@ -74,7 +74,7 @@ export function NameDialogContent(props: {
                     <Input
                         value={inputValue}
                         onChange={handleChange}
-                        defaultValue="Playlist"
+                        defaultValue=""
                     />
                 </div>
             </div>