From 3d77dd2a8445a5bebe46789f427eaeede8b9e1c4 Mon Sep 17 00:00:00 2001
From: Tyler Diorio <109099227+TylerDiorio@users.noreply.github.com>
Date: Sun, 10 Nov 2024 21:18:39 -0700
Subject: [PATCH 1/2] Move Social links up & Add "Support" on mobile view

---
 components/Home/sidebar/RootLeftSidebar.tsx    | 18 +++++++++++++-----
 .../Home/sidebar/RootLeftSidebarSlider.tsx     | 12 ++++++------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/components/Home/sidebar/RootLeftSidebar.tsx b/components/Home/sidebar/RootLeftSidebar.tsx
index da85811e1..2d59a7f16 100644
--- a/components/Home/sidebar/RootLeftSidebar.tsx
+++ b/components/Home/sidebar/RootLeftSidebar.tsx
@@ -372,6 +372,7 @@ function RootLeftSidebar({
     formattedFooterTxtItem: [
       styles.leftSidebarFooterTxtItem,
       isMinimized && styles.leftSidebarFooterTxtItemMin,
+      window.innerWidth <= breakpoints.xsmall.int && styles.leftSidebarFooterTxtItemMobile,
     ],
     formattedItemsContainer: css(styles.leftSidebarItemsContainer),
     formattedLogoContainer: [
@@ -549,7 +550,7 @@ function RootLeftSidebar({
                 overrideStyle={formattedFooterTxtItem}
                 target="_blank"
               >
-                {"Support"}
+                {isMinimized ? "Support" : "Support"}
               </ALink>
               <ALink href="/about" overrideStyle={formattedFooterTxtItem}>
                 {"About"}
@@ -673,8 +674,6 @@ const styles = StyleSheet.create({
   leftSidebarFooter: {
     display: "flex",
     flexDirection: "column",
-    justifyContent: "space-between",
-    flex: 1,
     height: "100%",
   },
   leftSidebarFooterTxtItem: {
@@ -704,7 +703,16 @@ const styles = StyleSheet.create({
     justifyContent: "flex-start",
     width: "100%",
   },
-  leftSidebarFooterItemsBottomRowMin: { display: "none" },
+  leftSidebarFooterItemsBottomRowMin: {
+    justifyContent: "center",
+    padding: "8px 0",
+  },
+  leftSidebarFooterTxtItemMobile: {
+    fontSize: 14,
+    fontWeight: 300,
+    margin: "0 auto 10px",
+    textAlign: "center",
+  },
   referralProgramItem: {
     // color: colors.ORANGE_DARK2(),
     display: "flex",
@@ -739,7 +747,7 @@ const styles = StyleSheet.create({
     },
   },
   footer: {
-    marginTop: "auto",
+    paddingBottom: 20,
   },
   arrowRight: {
     color: "#aaa",
diff --git a/components/Home/sidebar/RootLeftSidebarSlider.tsx b/components/Home/sidebar/RootLeftSidebarSlider.tsx
index f7c8b2ec7..6698c3e1b 100644
--- a/components/Home/sidebar/RootLeftSidebarSlider.tsx
+++ b/components/Home/sidebar/RootLeftSidebarSlider.tsx
@@ -115,26 +115,26 @@ function RootLeftSidebarSlider({
             overrideStyle={styles.leftSidebarSliderFooterTxtItem}
           >
             {"Docs"}
-          </ALink>          
+          </ALink>
           <ALink
             href="https://researchhub.foundation"
             overrideStyle={styles.leftSidebarSliderFooterTxtItem}
           >
             Community
           </ALink>
-          {/* <ALink
-            href="/leaderboard/users"
+          <ALink
+            href="https://airtable.com/appuhMJaf1kb3ic8e/pagYeh6cB9sgiTIgx/form"
             overrideStyle={styles.leftSidebarSliderFooterTxtItem}
+            target="_blank"
           >
-            Leaderboard
-          </ALink> */}
+            Support
+          </ALink>
         </div>
         <div className={css(styles.leftSidebarSliderFooterBottom)}>
           <div
             className={css(styles.leftSidebarSliderFooterItemsBottomRow)}
             style={{ marginLeft: "-4px !important" }}
           >
-
             <ALink
               href="https://x.com/researchhub"
               overrideStyle={styles.leftSidebarSliderFooterIcon}

From a5c7ee59eef4bb433085cc45ae6e61eb73c2f316 Mon Sep 17 00:00:00 2001
From: Tyler Diorio <109099227+TylerDiorio@users.noreply.github.com>
Date: Sun, 10 Nov 2024 21:31:25 -0700
Subject: [PATCH 2/2] fix bug

---
 components/Home/sidebar/RootLeftSidebar.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/Home/sidebar/RootLeftSidebar.tsx b/components/Home/sidebar/RootLeftSidebar.tsx
index 2d59a7f16..8399bec53 100644
--- a/components/Home/sidebar/RootLeftSidebar.tsx
+++ b/components/Home/sidebar/RootLeftSidebar.tsx
@@ -372,7 +372,6 @@ function RootLeftSidebar({
     formattedFooterTxtItem: [
       styles.leftSidebarFooterTxtItem,
       isMinimized && styles.leftSidebarFooterTxtItemMin,
-      window.innerWidth <= breakpoints.xsmall.int && styles.leftSidebarFooterTxtItemMobile,
     ],
     formattedItemsContainer: css(styles.leftSidebarItemsContainer),
     formattedLogoContainer: [