mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
feat(home): user can download desktop client from footer button
This commit is contained in:
+26
-6
@@ -4,6 +4,7 @@ import { Link } from 'react-router-dom';
|
|||||||
import { Trans, useTranslation } from 'react-i18next';
|
import { Trans, useTranslation } from 'react-i18next';
|
||||||
import { useDefaultSubplebbitAddresses } from '../../hooks/use-default-subplebbits';
|
import { useDefaultSubplebbitAddresses } from '../../hooks/use-default-subplebbits';
|
||||||
import { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
|
import packageJson from '../../../package.json';
|
||||||
|
|
||||||
// TODO: remove theme and languages selectors for debugging
|
// TODO: remove theme and languages selectors for debugging
|
||||||
const ThemeSettings = () => {
|
const ThemeSettings = () => {
|
||||||
@@ -130,9 +131,26 @@ const Stats = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const { version } = packageJson;
|
||||||
|
const downloadAppLink = (() => {
|
||||||
|
const platform = navigator.platform;
|
||||||
|
if (platform === 'Linux' || platform === 'Linux x86_64' || platform === 'Linux i686' || platform === 'Linux aarch64') {
|
||||||
|
return `https://github.com/plebbit/plebchan/releases/download/v${version}/plebchan-${version}.AppImage`;
|
||||||
|
} else if (platform === 'Win32' || platform === 'Win64' || platform === 'Windows') {
|
||||||
|
return `https://github.com/plebbit/plebchan/releases/download/v${version}/plebchan.Portable.${version}.exe`;
|
||||||
|
} else if (platform === 'MacIntel' || platform === 'Macintosh') {
|
||||||
|
return `https://github.com/plebbit/plebchan/releases/download/v${version}/plebchan-${version}.dmg`;
|
||||||
|
} else if (platform === 'Android') {
|
||||||
|
return undefined;
|
||||||
|
} else if (platform === 'iPhone' || platform === 'iPad') {
|
||||||
|
return undefined;
|
||||||
|
} else {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ul className={styles.footer}>
|
<ul className={styles.footer}>
|
||||||
<li>
|
<li>
|
||||||
@@ -160,11 +178,13 @@ const Footer = () => {
|
|||||||
GitHub
|
GitHub
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
{downloadAppLink && (
|
||||||
<a href='https://github.com/plebbit/plebchan' target='_blank' rel='noopener noreferrer'>
|
<li>
|
||||||
{t('download_app')}
|
<a href={downloadAppLink} target='_blank' rel='noopener noreferrer'>
|
||||||
</a>
|
{t('download_app')}
|
||||||
</li>
|
</a>
|
||||||
|
</li>
|
||||||
|
)}
|
||||||
<li>
|
<li>
|
||||||
<a href='https://etherscan.io/token/0xEA81DaB2e0EcBc6B5c4172DE4c22B6Ef6E55Bd8f' target='_blank' rel='noopener noreferrer'>
|
<a href='https://etherscan.io/token/0xEA81DaB2e0EcBc6B5c4172DE4c22B6Ef6E55Bd8f' target='_blank' rel='noopener noreferrer'>
|
||||||
{t('token')}
|
{t('token')}
|
||||||
|
|||||||
Reference in New Issue
Block a user