Merge pull request #1880 from ResearchHub/small-fixes

Move Social links up & Add "Support" on mobile view
ResearchHub · Nov 11, 2024 · ef7dd8e · ef7dd8e
2 parents 42aa8b7 + a5c7ee5
commit ef7dd8e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/components/Home/sidebar/RootLeftSidebar.tsx b/components/Home/sidebar/RootLeftSidebar.tsx
@@ -549,7 +549,7 @@ function RootLeftSidebar({
                 overrideStyle={formattedFooterTxtItem}
                 target="_blank"
               >
-                {"Support"}
+                {isMinimized ? "Support" : "Support"}
               </ALink>
               <ALink href="/about" overrideStyle={formattedFooterTxtItem}>
                 {"About"}
@@ -673,8 +673,6 @@ const styles = StyleSheet.create({
   leftSidebarFooter: {
     display: "flex",
     flexDirection: "column",
-    justifyContent: "space-between",
-    flex: 1,
     height: "100%",
   },
   leftSidebarFooterTxtItem: {
@@ -704,7 +702,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 +746,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
@@ -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}