From 8307de4eadce00fa2cfa2e6b4960e129033ead94 Mon Sep 17 00:00:00 2001
From: Sara Tavares <29093946+stavares843@users.noreply.github.com>
Date: Wed, 20 Dec 2023 22:07:57 +0000
Subject: [PATCH] feat(about): made in (#1656)

---
 common/locales/en-US/main.ftl                 | 2 ++
 ui/src/components/settings/styles.scss        | 4 ++++
 ui/src/components/settings/sub_pages/about.rs | 9 +++++++++
 3 files changed, 15 insertions(+)

diff --git a/common/locales/en-US/main.ftl b/common/locales/en-US/main.ftl
index 4e14ec60a18..b379c194251 100644
--- a/common/locales/en-US/main.ftl
+++ b/common/locales/en-US/main.ftl
@@ -339,6 +339,8 @@ settings-about = About Settings
     .update-check-error = Failed to fetch update! Check your logs for more info.
     .update-check-error-timeout = Failed to fetch update! Request timed out.
     .update-check-error-request = Failed to fetch update! Couldn't send update request. Please check your internet connection.
+    .made-in = Made in
+    .team = Our team is all over the world with different backgrounds and day-to-day lives, all working on a common goal to build Uplink & Satellite together.
 
 media-player = Media Player 
     .enable-camera = Enable Camera 
diff --git a/ui/src/components/settings/styles.scss b/ui/src/components/settings/styles.scss
index bcd50626399..6e1c4acfc4a 100644
--- a/ui/src/components/settings/styles.scss
+++ b/ui/src/components/settings/styles.scss
@@ -167,6 +167,10 @@
   }
 }
 
+.flags {
+  font-size: 2rem;
+}
+
 .color-swatches {
   display: inline-flex;
   gap: var(--gap);
diff --git a/ui/src/components/settings/sub_pages/about.rs b/ui/src/components/settings/sub_pages/about.rs
index 6247755052d..5d9f2c0c078 100644
--- a/ui/src/components/settings/sub_pages/about.rs
+++ b/ui/src/components/settings/sub_pages/about.rs
@@ -220,6 +220,15 @@ pub fn AboutPage(cx: Scope) -> Element {
                     }
                 }
             },
+            SettingSection {
+                section_label: get_local_text("settings-about.made-in"),
+                section_description: get_local_text("settings-about.team"),
+                div {
+                    class: "flags",
+                    "🇺🇸🇲🇽🇩🇪🇵🇹🇧🇷🇮🇹🇺🇦🇧🇾🇯🇵🇦🇺🇮🇩"
+                }
+
+            }
         }
     ))
 }