From 2578249e3049bbbf9d45bae176f2c7199a90625e Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 19 Jan 2024 12:12:44 +0100
Subject: [PATCH] feat(sidebar): add download links for the desktop client

---
 src/components/sidebar/sidebar.module.css | 17 +++++--
 src/components/sidebar/sidebar.tsx        | 59 ++++++++++++++++-------
 2 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/src/components/sidebar/sidebar.module.css b/src/components/sidebar/sidebar.module.css
index 0afc9422..d5080d14 100644
--- a/src/components/sidebar/sidebar.module.css
+++ b/src/components/sidebar/sidebar.module.css
@@ -262,7 +262,10 @@ a {
 }
 
 .footer ul {
-  text-align: left;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
   list-style: none;
 }
 
@@ -286,7 +289,7 @@ a {
 }
 
 .version {
- margin: 7px 0 24px 0;
+ margin: 20px 0 24px 0;
  text-align: center;
  font-size: 10px;
 }
@@ -296,13 +299,13 @@ a {
 }
 
 .desktopAd {
-  margin-top: 10px;
-  padding: 5px 0 15px 0;
+  padding: 0px 0 15px 0;
+  margin-top: -5px;
 }
 
 .desktopAdSubtitle {
   font: normal x-small verdana, arial, helvetica, sans-serif;
-  font-size: 10px;
+  font-size: 11px;
   color: var(--gray-strong);
 }
 
@@ -310,4 +313,8 @@ a {
   height: 40px;
   margin: 5px 10px 0 0;
   float: left;
+}
+
+.footerSecondTitle {
+  margin-top: 10px;
 }
\ No newline at end of file
diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
index ddc366d4..d8d69271 100644
--- a/src/components/sidebar/sidebar.tsx
+++ b/src/components/sidebar/sidebar.tsx
@@ -154,12 +154,6 @@ const Sidebar = ({ address, cid, createdAt, description, downvoteCount = 0, role
           <div className={styles.nub} />
         </div>
       </Link>
-      <Link to='/communities/create' onClick={(e) => e.preventDefault()}>
-        <div className={styles.largeButton} onClick={alertCreateCommunity}>
-          {t('create_community')}
-          <div className={styles.nub} />
-        </div>
-      </Link>
       {!isInHomeView && !isInHomeAboutView && !isInAllView && !isInPendingView && !isInSubplebbitsView && (
         <div className={styles.titleBox}>
           <Link className={styles.title} to={`/p/${address}`}>
@@ -202,9 +196,26 @@ const Sidebar = ({ address, cid, createdAt, description, downvoteCount = 0, role
       )}
       {isModerator && <ModerationTools address={address} />}
       {roles && <ModeratorsList roles={roles} />}
+      <Link to='/communities/create' onClick={(e) => e.preventDefault()}>
+        <div className={styles.largeButton} onClick={alertCreateCommunity}>
+          {t('create_community')}
+          <div className={styles.nub} />
+        </div>
+      </Link>
+      <div className={styles.desktopAd}>
+        <a className={styles.desktopAdLogo} href='https://github.com/plebbit/seedit/releases/latest' target='_blank' rel='noopener noreferrer'>
+          <img src='icon.png' alt='seedit mascot' />
+        </a>
+        <span className={styles.desktopAdSubtitle}>
+          <br />
+          ...each community needs to be seeded.
+          <br />
+          ...the desktop app seeds automatically!
+        </span>
+      </div>
       <div className={styles.footer}>
+        <div className={styles.footerTitle}>{t('about')}</div>
         <ul>
-          <li className={styles.footerTitle}>{t('about')}</li>
           <li>
             <a href='https://plebbit.com' target='_blank' rel='noopener noreferrer'>
               plebbit
@@ -226,17 +237,29 @@ const Sidebar = ({ address, cid, createdAt, description, downvoteCount = 0, role
             </a>
           </li>
         </ul>
-        <div className={styles.desktopAd}>
-          <a className={styles.desktopAdLogo} href='https://github.com/plebbit/seedit/releases/latest' target='_blank' rel='noopener noreferrer'>
-            <img src='icon.png' alt='seedit mascot' />
-          </a>
-          <span className={styles.desktopAdSubtitle}>
-            <br />
-            ...each community needs to be seeded.
-            <br />
-            ...the desktop app seeds automatically!
-          </span>
-        </div>
+        <div className={`${styles.footerTitle} ${styles.footerSecondTitle}`}>apps & tools</div>
+        <ul>
+          <li>
+            <a href={`https://github.com/plebbit/seedit/releases/download/v${version}/seedit-${version}.AppImage`} target='_blank' rel='noopener noreferrer'>
+              download for linux
+            </a>
+          </li>
+          <li>
+            <a href={`https://github.com/plebbit/seedit/releases/download/v${version}/seedit.Portable.${version}.exe`} target='_blank' rel='noopener noreferrer'>
+              download for windows
+            </a>
+          </li>
+          <li>
+            <a href={`https://github.com/plebbit/seedit/releases/download/v${version}/seedit-${version}.dmg`} target='_blank' rel='noopener noreferrer'>
+              download for macOS
+            </a>
+          </li>
+          <li>
+            <a href={`https://github.com/plebbit/seedit/releases/latest`} target='_blank' rel='noopener noreferrer'>
+              download for android
+            </a>
+          </li>
+        </ul>
         <div className={`${styles.version} ${commitRef ? styles.unstable : ''}`}>
           <a href={`https://github.com/plebbit/seedit/releases/tag/v${version}`} target='_blank' rel='noopener noreferrer'>
             seedit {commitRef ? 'dev build (unstable) ' + commitRef : window.electron && window.electron.isElectron ? 'desktop' : 'web'} v{version} - GPL 2.0