add a few more strings

src/Entrypoint.tsx

@@ -49,6 +49,7 @@ const Invite = lazy(() => import('./pages/guilds/Invite'))
 
 // Settings
 const AccountSettings = lazy(() => import('./pages/settings/Account'))
+const LocaleSettings = lazy(() => import('./pages/settings/Locale'))
 const AppearanceSettings = lazy(() => import('./pages/settings/Appearance'))
 const PluginsSettings = lazy(() => import('./pages/settings/Plugins'))
 const BotsSettings = lazy(() => import('./pages/settings/Bots'))
@@ -166,6 +167,7 @@ const Entrypoint: Component = () => {
               <Show when={ws()} fallback={<Route path="*" component={Loading} />}>
                 <Route path="/settings" component={Settings}>
                   <Route path="/account" component={AccountSettings} />
+                  <Route path="/locales" component={LocaleSettings} />
                   <Route path="/appearance" component={AppearanceSettings} />
                   <Route path="/plugins" component={PluginsSettings} />
                   <Route path="/bots/:botId" component={BotSettings} />

src/components/icons/svg/Globe.tsx

@@ -0,0 +1,9 @@
+import {JSX} from "solid-js";
+
+export default function Globe(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>{/* Font Awesome Pro 6.0.0-alpha2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */}
+      <path d="M256 16C123.451 16 16 123.451 16 256S123.451 496 256 496S496 388.549 496 256S388.549 16 256 16ZM422.021 160H373.279C366.889 132.594 357.889 107.824 346.803 86.898C378.156 103.803 404.168 129.246 422.021 160ZM336 256C336 272.984 334.705 288.818 332.824 304H179.176C177.295 288.818 176 272.984 176 256S177.295 223.182 179.176 208H332.824C334.705 223.182 336 239.016 336 256ZM256 448C234.215 448 205.129 411.58 188.717 352H323.283C306.871 411.58 277.785 448 256 448ZM188.717 160C205.129 100.42 234.215 64 256 64S306.871 100.42 323.283 160H188.717ZM165.197 86.898C154.111 107.824 145.111 132.594 138.721 160H89.979C107.832 129.246 133.844 103.803 165.197 86.898ZM70.318 208H130.57C128.891 223.512 128 239.561 128 256S128.891 288.488 130.57 304H70.318C66.34 288.627 64 272.6 64 256S66.34 223.373 70.318 208ZM89.979 352H138.721C145.111 379.406 154.111 404.176 165.197 425.102C133.844 408.197 107.832 382.754 89.979 352ZM346.803 425.102C357.889 404.176 366.889 379.406 373.279 352H422.021C404.168 382.754 378.156 408.197 346.803 425.102ZM441.682 304H381.43C383.109 288.488 384 272.439 384 256S383.109 223.512 381.43 208H441.682C445.66 223.373 448 239.4 448 256S445.66 288.627 441.682 304Z"/>
+    </svg>
+  )
+}

src/pages/settings/Locale.tsx

@@ -0,0 +1,9 @@
+import Header from "../../components/ui/Header";
+
+export default function Locale() {
+  return (
+    <div>
+      <Header>Language</Header>
+    </div>
+  )
+}

src/pages/settings/SettingsLayout.tsx

@@ -25,6 +25,7 @@ import {ReactiveMap} from "@solid-primitives/map";
 import {mapIterator} from "../../utils";
 import Robot from "../../components/icons/svg/Robot";
 import Plug from "../../components/icons/svg/Plug";
+import Globe from "../../components/icons/svg/Globe";
 void tooltip
 
 export interface Breadcrumb {
@@ -245,6 +246,9 @@ function SettingsSidebar() {
       </SidebarButton>
 
       <SettingsSection>Client</SettingsSection>
+      <SidebarButton large href="/settings/locales" svg={Globe}>
+        Language
+      </SidebarButton>
       <SidebarButton large href="/settings/appearance" svg={Palette}>
         Themes
       </SidebarButton>

translations/en_US.json

@@ -293,6 +293,49 @@
     },
     "save": "Save Changes?"
   },
+  "home": {
+    "welcome": "Welcome, {{username}}!",
+    "onboarding": {
+      "title": "Learn Adapt",
+      "edit_profile": {
+        "label": "Customize your profile",
+        "description": "Let others on Adapt know who you are. Give yourself a display name, change your avatar, and write a bio."
+      },
+      "add_friend": {
+        "label": "Connect with friends",
+        "description": "Find your friends on Adapt, add them to your friends list, and start chatting with them."
+      },
+      "join_guild": {
+        "label": "Join a community",
+        "description": "Create, discover, join, and chat in communities that suit your interests. You may also join the official {{server_link}}.",
+        "official_server_name": "Adapt Community"
+      }
+    }
+  },
+  "friends": {
+    "header": "Friends",
+    "tabs": {
+      "all": "Friends",
+      "pending": "Requests",
+      "blocked": "Blocked"
+    },
+    "add": "Add Friend",
+    "dividers": {
+      "all": "All Friends ({{count}})",
+      "incoming": "Incoming Requests ({{count}})",
+      "outgoing": "Outgoing Requests ({{count}})"
+    },
+    "actions": {
+      "dm": "Open DM",
+      "unfriend": "Remove Friend",
+      "unblock": "Unblock User",
+      "pending": {
+        "accept": "Accept Request",
+        "decline": "Decline Request",
+        "revoke": "Revoke Request"
+      }
+    }
+  },
   "time": {
     "recently": "Just now",
     "past": "{{delta}} ago",