From dc27f33231dad0191c26ec71c20a180fbd80f56b Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sun, 7 Jul 2024 02:47:52 +0400
Subject: [PATCH] Renaming all instances of `MenuLink` to `MenuItem`

---
 src/components/ui/menu/Menu.svelte                   |  4 ++--
 .../ui/menu/{MenuLink.svelte => MenuItem.svelte}     |  4 ++--
 src/routes/+page.svelte                              |  6 +++---
 src/routes/about/+page.svelte                        | 12 ++++++------
 src/routes/settings/+page.svelte                     |  6 +++---
 src/routes/settings/maintenance/+page.svelte         | 12 ++++++------
 src/routes/settings/maintenance/[id]/+page.svelte    | 12 +++++-------
 .../settings/maintenance/[id]/edit/+page.svelte      | 11 +++++------
 8 files changed, 32 insertions(+), 35 deletions(-)
 rename src/components/ui/menu/{MenuLink.svelte => MenuItem.svelte} (90%)

diff --git a/src/components/ui/menu/Menu.svelte b/src/components/ui/menu/Menu.svelte
index db65581..3a0ce44 100644
--- a/src/components/ui/menu/Menu.svelte
+++ b/src/components/ui/menu/Menu.svelte
@@ -9,11 +9,11 @@
         display: flex;
         flex-direction: column;
 
-        & > :global(.menu-link) {
+        & > :global(.menu-item) {
             padding: 5px 24px;
         }
 
-        :global(.menu-link) {
+        :global(.menu-item) {
             color: colors.$text;
 
             &:hover {
diff --git a/src/components/ui/menu/MenuLink.svelte b/src/components/ui/menu/MenuItem.svelte
similarity index 90%
rename from src/components/ui/menu/MenuLink.svelte
rename to src/components/ui/menu/MenuItem.svelte
index ca3ac8b..9bb00a4 100644
--- a/src/components/ui/menu/MenuLink.svelte
+++ b/src/components/ui/menu/MenuItem.svelte
@@ -15,7 +15,7 @@
     export let target = undefined;
 </script>
 
-<svelte:element this="{href ? 'a': 'span'}" class="menu-link" {href} {target} on:click role="link" tabindex="0">
+<svelte:element this="{href ? 'a': 'span'}" class="menu-item" {href} {target} on:click role="link" tabindex="0">
     {#if icon}
         <i class="icon icon-{icon}"></i>
     {/if}
@@ -25,7 +25,7 @@
 <style lang="scss">
     @use '../../../styles/colors';
 
-    .menu-link {
+    .menu-item {
         display: flex;
         align-items: center;
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5d512a2..3b14018 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,10 +1,10 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
 </script>
 
 <Menu>
-    <MenuLink href="/settings/maintenance">Tagging Profiles</MenuLink>
+    <MenuItem href="/settings/maintenance">Tagging Profiles</MenuItem>
     <hr>
-    <MenuLink href="/about">About</MenuLink>
+    <MenuItem href="/about">About</MenuItem>
 </Menu>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 49a4c34..3054d62 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,10 +1,10 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
 </script>
 
 <Menu>
-    <MenuLink icon="arrow-left" href="/">Back</MenuLink>
+    <MenuItem icon="arrow-left" href="/">Back</MenuItem>
     <hr>
 </Menu>
 <h1>
@@ -16,10 +16,10 @@
 </p>
 <Menu>
     <hr>
-    <MenuLink icon="globe" href="https://furbooru.org" target="_blank">
+    <MenuItem icon="globe" href="https://furbooru.org" target="_blank">
         Visit Furbooru
-    </MenuLink>
-    <MenuLink icon="info-circle" href="https://github.com/koloml/furbooru-tagging-assistant" target="_blank">
+    </MenuItem>
+    <MenuItem icon="info-circle" href="https://github.com/koloml/furbooru-tagging-assistant" target="_blank">
         GitHub Repo
-    </MenuLink>
+    </MenuItem>
 </Menu>
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 7a7c07e..96fc5e8 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -1,10 +1,10 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
 </script>
 
 <Menu>
-    <MenuLink href="/">Back</MenuLink>
+    <MenuItem href="/">Back</MenuItem>
     <hr>
-    <MenuLink href="/settings/maintenance">Tagging Profiles</MenuLink>
+    <MenuItem href="/settings/maintenance">Tagging Profiles</MenuItem>
 </Menu>
diff --git a/src/routes/settings/maintenance/+page.svelte b/src/routes/settings/maintenance/+page.svelte
index 6a606c0..340e0b4 100644
--- a/src/routes/settings/maintenance/+page.svelte
+++ b/src/routes/settings/maintenance/+page.svelte
@@ -1,6 +1,6 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import {activeProfileStore, maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
 
     /** @type {import('$lib/extension/entities/MaintenanceProfile.js').default[]} */
@@ -14,17 +14,17 @@
 </script>
 
 <Menu>
-    <MenuLink icon="arrow-left" href="/">Back</MenuLink>
-    <MenuLink icon="plus" href="/settings/maintenance/new/edit">Create New</MenuLink>
+    <MenuItem icon="arrow-left" href="/">Back</MenuItem>
+    <MenuItem icon="plus" href="/settings/maintenance/new/edit">Create New</MenuItem>
     {#if profiles.length}
         <hr>
     {/if}
     {#each profiles as profile}
-        <MenuLink href="/settings/maintenance/{profile.id}"
+        <MenuItem href="/settings/maintenance/{profile.id}"
                   icon="{$activeProfileStore === profile.id ? 'tag' : null}">
             {profile.settings.name}
-        </MenuLink>
+        </MenuItem>
     {/each}
     <hr>
-    <MenuLink href="#" on:click={resetActiveProfile}>Reset Active Profile</MenuLink>
+    <MenuItem href="#" on:click={resetActiveProfile}>Reset Active Profile</MenuItem>
 </Menu>
diff --git a/src/routes/settings/maintenance/[id]/+page.svelte b/src/routes/settings/maintenance/[id]/+page.svelte
index 0044d54..b4adccb 100644
--- a/src/routes/settings/maintenance/[id]/+page.svelte
+++ b/src/routes/settings/maintenance/[id]/+page.svelte
@@ -1,10 +1,8 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import {page} from "$app/stores";
     import {goto} from "$app/navigation";
-
-    import {onDestroy} from "svelte";
     import {activeProfileStore, maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
 
     const profileId = $page.params.id;
@@ -39,7 +37,7 @@
 </script>
 
 <Menu>
-    <MenuLink href="/settings/maintenance" icon="arrow-left">Back</MenuLink>
+    <MenuItem href="/settings/maintenance" icon="arrow-left">Back</MenuItem>
     <hr>
 </Menu>
 {#if profile}
@@ -58,14 +56,14 @@
 {/if}
 <Menu>
     <hr>
-    <MenuLink icon="wrench" href="/settings/maintenance/{profileId}/edit">Edit Profile</MenuLink>
-    <MenuLink icon="tag" href="#" on:click={activateProfile}>
+    <MenuItem icon="wrench" href="/settings/maintenance/{profileId}/edit">Edit Profile</MenuItem>
+    <MenuItem icon="tag" href="#" on:click={activateProfile}>
         {#if isActiveProfile}
             <span>Profile is Active</span>
         {:else}
             <span>Activate Profile</span>
         {/if}
-    </MenuLink>
+    </MenuItem>
 </Menu>
 
 <style lang="scss">
diff --git a/src/routes/settings/maintenance/[id]/edit/+page.svelte b/src/routes/settings/maintenance/[id]/edit/+page.svelte
index 787cfd0..2214cb3 100644
--- a/src/routes/settings/maintenance/[id]/edit/+page.svelte
+++ b/src/routes/settings/maintenance/[id]/edit/+page.svelte
@@ -1,6 +1,6 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
-    import MenuLink from "$components/ui/menu/MenuLink.svelte";
+    import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import TagsEditor from "$components/web-components/TagsEditor.svelte";
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import TextField from "$components/ui/forms/TextField.svelte";
@@ -9,7 +9,6 @@
     import {goto} from "$app/navigation";
     import {maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
     import MaintenanceProfile from "$entities/MaintenanceProfile.js";
-    import {onDestroy} from "svelte";
 
     /** @type {string} */
     let profileId = $page.params.id;
@@ -60,9 +59,9 @@
 </script>
 
 <Menu>
-    <MenuLink icon="arrow-left" href="/settings/maintenance{profileId === 'new' ? '' : '/' + profileId}">
+    <MenuItem icon="arrow-left" href="/settings/maintenance{profileId === 'new' ? '' : '/' + profileId}">
         Back
-    </MenuLink>
+    </MenuItem>
     <hr>
 </Menu>
 <FormContainer>
@@ -75,8 +74,8 @@
 </FormContainer>
 <Menu>
     <hr>
-    <MenuLink href="#" on:click={saveProfile}>Save Profile</MenuLink>
+    <MenuItem href="#" on:click={saveProfile}>Save Profile</MenuItem>
     {#if profileId !== 'new'}
-        <MenuLink href="#" on:click={deleteProfile}>Delete Profile</MenuLink>
+        <MenuItem href="#" on:click={deleteProfile}>Delete Profile</MenuItem>
     {/if}
 </Menu>