feat(sidebar): add download links for the desktop client

This commit is contained in:
plebeius.eth
2024-01-19 12:12:44 +01:00
parent 16b0f39491
commit 2578249e30
2 changed files with 53 additions and 23 deletions

View File

@@ -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;
}

View File

@@ -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