From 0000137461ebf1678f02aee5f1c204cb3af80f9f Mon Sep 17 00:00:00 2001
From: fef <owo@fef.moe>
Date: Tue, 10 Jan 2023 16:08:31 +0100
Subject: [PATCH] web: refactor local globe icon

---
 src/web/components/icon-button.ts |  5 ++++-
 src/web/components/nav-bar.ts     | 15 +--------------
 src/web/features/compose-form.ts  | 15 +--------------
 3 files changed, 6 insertions(+), 29 deletions(-)

diff --git a/src/web/components/icon-button.ts b/src/web/components/icon-button.ts
index 9cb7d91..600d734 100644
--- a/src/web/components/icon-button.ts
+++ b/src/web/components/icon-button.ts
@@ -10,6 +10,9 @@ export default class IconButton extends LitElement {
     @property({type: String, attribute: true})
     public icon = "";
 
+    @property({type: Number, attribute: true})
+    public size = 20;
+
     @property({type: String, attribute: true})
     public color = "var(--text-color)";
 
@@ -32,7 +35,7 @@ export default class IconButton extends LitElement {
                 @mouseleave=${() => this.pressed = false}
                 title="${this.label}"
             >
-                <svg-icon id="#icon" icon="${this.icon}" color="${this.color}" size="20"></svg-icon>
+                <svg-icon id="#icon" icon="${this.icon}" color="${this.color}" size="${this.size}"></svg-icon>
             </button>
         `;
     }
diff --git a/src/web/components/nav-bar.ts b/src/web/components/nav-bar.ts
index 738b6d8..88d5eab 100644
--- a/src/web/components/nav-bar.ts
+++ b/src/web/components/nav-bar.ts
@@ -27,7 +27,7 @@ export default class NavBar extends LitElement {
                     <li>
                         <a href="#">
                             <span class="name">${msg("Federated")}</span>
-                            <svg-icon size="20" icon="${this.getGlobeIconName()}" role="none"></svg-icon>
+                            <svg-icon size="20" icon="globe-local" role="none"></svg-icon>
                         </a>
                     </li>
                     <li>
@@ -53,19 +53,6 @@ export default class NavBar extends LitElement {
         `;
     }
 
-    private getGlobeIconName() {
-        const offset = new Date().getTimezoneOffset();
-        if (offset < -7 * 60) {
-            return "globe-asia-australia";
-        } else if (offset < -2 * 60) {
-            return "globe-central-south-asia";
-        } else if (offset < 3 * 60) {
-            return "globe-europe-africa";
-        } else {
-            return "globe-americas";
-        }
-    }
-
     static get styles() {
         return withSharedStyles(css`
             :host {
diff --git a/src/web/features/compose-form.ts b/src/web/features/compose-form.ts
index d693dc7..3fa2ad6 100644
--- a/src/web/features/compose-form.ts
+++ b/src/web/features/compose-form.ts
@@ -49,7 +49,7 @@ export default class ComposeForm extends LitElement {
                     <icon-button icon="paperclip" label="${msg("Add attachment")}"></icon-button>
                     <icon-button icon="list-ul" label="${msg("Add poll")}"></icon-button>
                     <icon-button icon="emoji-laughing" label="${msg("Insert emogi")}"></icon-button>
-                    <icon-button icon="${this.getGlobeIconName()}" label="${msg("Note visibility")}"></icon-button>
+                    <icon-button icon="globe-local" label="${msg("Note visibility")}"></icon-button>
                 </div>
 
                 <div
@@ -75,19 +75,6 @@ export default class ComposeForm extends LitElement {
         }
     }
 
-    private getGlobeIconName() {
-        const offset = new Date().getTimezoneOffset();
-        if (offset < -7 * 60) {
-            return "globe-asia-australia";
-        } else if (offset < -2 * 60) {
-            return "globe-central-south-asia";
-        } else if (offset < 3 * 60) {
-            return "globe-europe-africa";
-        } else {
-            return "globe-americas";
-        }
-    }
-
     static get styles() {
         return withSharedStyles(css`
             textarea {