From 599aab9a315f40a90571d8f7e4a879f676346314 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Mon, 10 Jan 2022 18:53:10 +0000
Subject: [PATCH] chore: update home buttons

---
 external/lang                   |  2 +-
 src/pages/home/Home.module.scss |  6 ++++++
 src/pages/home/Home.tsx         | 38 +++++++++++++++++----------------
 3 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/external/lang b/external/lang
index 91eb519b..8581abf5 160000
--- a/external/lang
+++ b/external/lang
@@ -1 +1 @@
-Subproject commit 91eb519b08d2c6061b99879a00529b0d60cdcc2f
+Subproject commit 8581abf5e838edca5890ec44be0c9f0a37006009
diff --git a/src/pages/home/Home.module.scss b/src/pages/home/Home.module.scss
index e1aef42a..caf31dc4 100644
--- a/src/pages/home/Home.module.scss
+++ b/src/pages/home/Home.module.scss
@@ -43,6 +43,12 @@
             @media (max-width: 600px) {
                 grid-template-columns: repeat(1, 1fr);
             }
+
+            // lol
+            > * > *,
+            > :last-child > * > * {
+                height: 100%;
+            }
         }
     }
 }
diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx
index da3266b0..03cdcb0a 100644
--- a/src/pages/home/Home.tsx
+++ b/src/pages/home/Home.tsx
@@ -98,9 +98,9 @@ export default observer(() => {
                                     action="chevron"
                                     icon={<PlusCircle size={32} />}
                                     description={
-                                        "Invite all of your friends, some cool bots, and throw a big party."
+                                        <Text id="app.home.group_desc" />
                                     }>
-                                    Create a group
+                                    <Text id="app.home.group" />
                                 </CategoryButton>
                             </Link>
                             <Link to="/discover">
@@ -109,9 +109,9 @@ export default observer(() => {
                                         action="chevron"
                                         icon={<Compass size={32} />}
                                         description={
-                                            "Find a community based on your hobbies or interests."
+                                            <Text id="app.home.discover_desc" />
                                         }>
-                                        Join a community
+                                        <Text id="app.home.discover" />
                                     </CategoryButton>
                                 </a>
                             </Link>
@@ -124,7 +124,7 @@ export default observer(() => {
                                         action="chevron"
                                         icon={<RightArrowCircle size={32} />}
                                         description={
-                                            "You can report issues and discuss improvements with us directly here."
+                                            <Text id="app.home.goto-testers_desc" />
                                         }>
                                         <Text id="app.home.goto-testers" />
                                     </CategoryButton>
@@ -135,7 +135,7 @@ export default observer(() => {
                                         action="chevron"
                                         icon={<Group size={32} />}
                                         description={
-                                            "You can report issues and discuss improvements with us directly here."
+                                            <Text id="app.home.join-testers_desc" />
                                         }>
                                         <Text id="app.home.join-testers" />
                                     </CategoryButton>
@@ -147,7 +147,7 @@ export default observer(() => {
                                     action="chevron"
                                     icon={<Megaphone size={32} />}
                                     description={
-                                        "Let us know how we can improve our app by giving us feedback."
+                                        <Text id="app.home.feedback_desc" />
                                     }>
                                     <Text id="app.home.feedback" />
                                 </CategoryButton>
@@ -159,23 +159,25 @@ export default observer(() => {
                                 <CategoryButton
                                     action="external"
                                     description={
-                                        "Support the project by donating - thank you!"
+                                        <Text id="app.home.donate_desc" />
                                     }
                                     icon={<Money size={32} />}>
                                     <Text id="app.home.donate" />
                                 </CategoryButton>
                             </a>
+                            <Tooltip
+                                content={
+                                    <Text id="app.home.settings-tooltip" />
+                                }>
+                                <Link to="/settings">
+                                    <CategoryButton
+                                        action="chevron"
+                                        icon={<Cog size={32} />}>
+                                        <Text id="app.home.settings" />
+                                    </CategoryButton>
+                                </Link>
+                            </Tooltip>
                         </div>
-                        <Tooltip
-                            content={<Text id="app.home.settings-tooltip" />}>
-                            <Link to="/settings">
-                                <CategoryButton
-                                    action="chevron"
-                                    icon={<Cog size={32} />}>
-                                    <Text id="app.home.settings" />
-                                </CategoryButton>
-                            </Link>
-                        </Tooltip>
                         {isDecember && (
                             <a href="#" onClick={toggleSeasonalTheme}>
                                 Turn {seasonalTheme ? "off" : "on"} homescreen