From 3808b61edfbdf2eceb3eb776f6b0455f21808cd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luka=20Zakraj=C5=A1ek?= <luka@bancek.net>
Date: Tue, 25 Jun 2024 12:08:01 +0200
Subject: [PATCH] Add F-Droid badge

---
 vault-web/public/config.json                  |   3 +-
 vault-web/src/assets/images/apps/f-droid.png  | Bin 0 -> 3772 bytes
 .../src/assets/images/apps/f-droid@2x.png     | Bin 0 -> 7469 bytes
 vault-web/src/components/intro/IntroModal.tsx |  42 +++++++++++++++---
 vault-web/src/config.ts                       |   1 +
 vault-web/src/pages/LandingPageOfficial.tsx   |  42 +++++++++++++++---
 vault-web/src/pages/MobilePage.tsx            |  31 ++++++++++---
 7 files changed, 99 insertions(+), 20 deletions(-)
 create mode 100644 vault-web/src/assets/images/apps/f-droid.png
 create mode 100644 vault-web/src/assets/images/apps/f-droid@2x.png

diff --git a/vault-web/public/config.json b/vault-web/public/config.json
index 0c616c27..6d0289f6 100644
--- a/vault-web/public/config.json
+++ b/vault-web/public/config.json
@@ -3,5 +3,6 @@
   "oauth2ClientId": "7ZEK2BNCEVYEJIZC5OR3TR6PQDUJ4NP3",
   "oauth2ClientSecret": "VWTMENEWUYWH6G523CEV5CWOCHH7FMECW36PPQENOASYYZOQJOSGQXSR2Y62N3HB",
   "appStoreUrl": "https://apps.apple.com/app/koofr-vault/id6468869124",
-  "googlePlayUrl": "https://play.google.com/store/apps/details?id=net.koofr.vault"
+  "googlePlayUrl": "https://play.google.com/store/apps/details?id=net.koofr.vault",
+  "fDroidUrl": "https://f-droid.org/en/packages/net.koofr.vault/"
 }
\ No newline at end of file
diff --git a/vault-web/src/assets/images/apps/f-droid.png b/vault-web/src/assets/images/apps/f-droid.png
new file mode 100644
index 0000000000000000000000000000000000000000..60ffc6c943ec5dac416ea07a6860a71a18c8fbc7
GIT binary patch
literal 3772
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

literal 0
HcmV?d00001

diff --git a/vault-web/src/assets/images/apps/f-droid@2x.png b/vault-web/src/assets/images/apps/f-droid@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b69f985ba0c7d6bbdaa15a355ce2270ed053928e
GIT binary patch
literal 7469
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
E2mL+cfB*mh

literal 0
HcmV?d00001

diff --git a/vault-web/src/components/intro/IntroModal.tsx b/vault-web/src/components/intro/IntroModal.tsx
index 8a06875e..2c4a0ea6 100644
--- a/vault-web/src/components/intro/IntroModal.tsx
+++ b/vault-web/src/components/intro/IntroModal.tsx
@@ -10,13 +10,15 @@ import {
   useState,
 } from 'react';
 
+import appStoreImage from '../../assets/images/apps/app-store.png';
+import appStore2xImage from '../../assets/images/apps/app-store@2x.png';
+import fDroidImage from '../../assets/images/apps/f-droid.png';
+import fDroid2xImage from '../../assets/images/apps/f-droid@2x.png';
+import googlePlayImage from '../../assets/images/apps/google-play.png';
+import googlePlay2xImage from '../../assets/images/apps/google-play@2x.png';
 import intro01Image from '../../assets/images/intro/intro-01.png';
 import intro012xImage from '../../assets/images/intro/intro-01@2x.png';
 import intro02Image from '../../assets/images/intro/intro-02.png';
-import googlePlayImage from '../../assets/images/apps/google-play.png';
-import googlePlay2xImage from '../../assets/images/apps/google-play@2x.png';
-import appStoreImage from '../../assets/images/apps/app-store.png';
-import appStore2xImage from '../../assets/images/apps/app-store@2x.png';
 import intro022xImage from '../../assets/images/intro/intro-02@2x.png';
 import intro03Image from '../../assets/images/intro/intro-03.png';
 import intro032xImage from '../../assets/images/intro/intro-03@2x.png';
@@ -36,6 +38,7 @@ import introEndImage from '../../assets/images/intro/intro-end.png';
 import introEnd2xImage from '../../assets/images/intro/intro-end@2x.png';
 import introStartImage from '../../assets/images/intro/intro-start.png';
 import introStart2xImage from '../../assets/images/intro/intro-start@2x.png';
+import { useConfig } from '../../config';
 import { buttonStyle } from '../../styles/mixins/buttons';
 import { imgRetinaBase } from '../../styles/mixins/images';
 
@@ -51,7 +54,6 @@ import {
   ModalHeader,
   ModalTitle,
 } from '../modal/Modal';
-import { useConfig } from '../../config';
 
 const introButtonColor = '#2286f7';
 const introButtonColorHover = '#0870e6';
@@ -322,7 +324,8 @@ const IntroStep5 = memo(() => {
         </p>
       </div>
       {config.appStoreUrl !== undefined ||
-      config.googlePlayUrl !== undefined ? (
+      config.googlePlayUrl !== undefined ||
+      config.fDroidUrl !== undefined ? (
         <div
           className={css`
             ${bp.small} {
@@ -359,7 +362,14 @@ const IntroStep5 = memo(() => {
           ) : null}
 
           {config.appStoreUrl !== undefined ? (
-            <a href={config.appStoreUrl} target="_blank" rel="noreferrer">
+            <a
+              href={config.appStoreUrl}
+              target="_blank"
+              rel="noreferrer"
+              className={css`
+                margin-right: 20px;
+              `}
+            >
               <RetinaImage
                 image={appStoreImage}
                 image2x={appStore2xImage}
@@ -368,6 +378,24 @@ const IntroStep5 = memo(() => {
               />
             </a>
           ) : null}
+
+          {config.fDroidUrl !== undefined ? (
+            <a
+              href={config.fDroidUrl}
+              target="_blank"
+              rel="noreferrer"
+              className={css`
+                margin-right: 20px;
+              `}
+            >
+              <RetinaImage
+                image={fDroidImage}
+                image2x={fDroid2xImage}
+                width={123}
+                height={36}
+              />
+            </a>
+          ) : null}
         </div>
       ) : null}
     </div>
diff --git a/vault-web/src/config.ts b/vault-web/src/config.ts
index 41eaa7e4..89ef5e47 100644
--- a/vault-web/src/config.ts
+++ b/vault-web/src/config.ts
@@ -6,6 +6,7 @@ export interface Config {
   oauth2ClientSecret: string;
   appStoreUrl?: string;
   googlePlayUrl?: string;
+  fDroidUrl?: string;
 }
 
 export async function loadConfig(): Promise<Config> {
diff --git a/vault-web/src/pages/LandingPageOfficial.tsx b/vault-web/src/pages/LandingPageOfficial.tsx
index 425305d0..29d359bb 100644
--- a/vault-web/src/pages/LandingPageOfficial.tsx
+++ b/vault-web/src/pages/LandingPageOfficial.tsx
@@ -3,14 +3,16 @@ import { css, cx } from '@emotion/css';
 import { memo } from 'react';
 import Typewriter from 'typewriter-effect';
 
+import appStoreImage from '../assets/images/apps/app-store.png';
+import appStore2xImage from '../assets/images/apps/app-store@2x.png';
+import fDroidImage from '../assets/images/apps/f-droid.png';
+import fDroid2xImage from '../assets/images/apps/f-droid@2x.png';
+import googlePlayImage from '../assets/images/apps/google-play.png';
+import googlePlay2xImage from '../assets/images/apps/google-play@2x.png';
 import arrowDownImage from '../assets/images/landing/arrow-down.png';
 import arrowDown2xImage from '../assets/images/landing/arrow-down@2x.png';
 import arrowRightImage from '../assets/images/landing/arrow-right.png';
 import arrowRight2xImage from '../assets/images/landing/arrow-right@2x.png';
-import googlePlayImage from '../assets/images/apps/google-play.png';
-import googlePlay2xImage from '../assets/images/apps/google-play@2x.png';
-import appStoreImage from '../assets/images/apps/app-store.png';
-import appStore2xImage from '../assets/images/apps/app-store@2x.png';
 import graphic1Image from '../assets/images/landing/graphic-1.png';
 import graphic12xImage from '../assets/images/landing/graphic-1@2x.png';
 import graphic2Image from '../assets/images/landing/graphic-2.png';
@@ -38,10 +40,10 @@ import { BaseAnchorButton } from '../components/Button';
 import { GitRelease } from '../components/GitRelease';
 import { GitRevision } from '../components/GitRevision';
 import { RetinaImage } from '../components/RetinaImage';
+import { useConfig } from '../config';
 import { buttonStyle } from '../styles/mixins/buttons';
 import { allStates } from '../styles/mixins/hover';
 import { useDocumentTitle } from '../utils/useDocumentTitle';
-import { useConfig } from '../config';
 
 const landingButtonStyle = buttonStyle(
   '#1683fb',
@@ -314,7 +316,8 @@ export const LandingPageOfficial = memo(() => {
           </BaseAnchorButton>
 
           {config.appStoreUrl !== undefined ||
-          config.googlePlayUrl !== undefined ? (
+          config.googlePlayUrl !== undefined ||
+          config.fDroidUrl !== undefined ? (
             <div
               className={css`
                 display: flex;
@@ -341,7 +344,14 @@ export const LandingPageOfficial = memo(() => {
               ) : null}
 
               {config.appStoreUrl !== undefined ? (
-                <a href={config.appStoreUrl} target="_blank" rel="noreferrer">
+                <a
+                  href={config.appStoreUrl}
+                  target="_blank"
+                  rel="noreferrer"
+                  className={css`
+                    margin-right: 20px;
+                  `}
+                >
                   <RetinaImage
                     image={appStoreImage}
                     image2x={appStore2xImage}
@@ -350,6 +360,24 @@ export const LandingPageOfficial = memo(() => {
                   />
                 </a>
               ) : null}
+
+              {config.fDroidUrl !== undefined ? (
+                <a
+                  href={config.fDroidUrl}
+                  target="_blank"
+                  rel="noreferrer"
+                  className={css`
+                    margin-right: 20px;
+                  `}
+                >
+                  <RetinaImage
+                    image={fDroidImage}
+                    image2x={fDroid2xImage}
+                    width={123}
+                    height={36}
+                  />
+                </a>
+              ) : null}
             </div>
           ) : null}
         </div>
diff --git a/vault-web/src/pages/MobilePage.tsx b/vault-web/src/pages/MobilePage.tsx
index e0b98e9e..9e8f3f9d 100644
--- a/vault-web/src/pages/MobilePage.tsx
+++ b/vault-web/src/pages/MobilePage.tsx
@@ -4,6 +4,8 @@ import { useLocation } from 'react-router-dom';
 
 import appStoreImage from '../assets/images/apps/app-store.png';
 import appStore2xImage from '../assets/images/apps/app-store@2x.png';
+import fDroidImage from '../assets/images/apps/f-droid.png';
+import fDroid2xImage from '../assets/images/apps/f-droid@2x.png';
 import googlePlayImage from '../assets/images/apps/google-play.png';
 import googlePlay2xImage from '../assets/images/apps/google-play@2x.png';
 import { LinkButton } from '../components/Button';
@@ -75,12 +77,13 @@ export const MobilePage = memo(() => {
         </p>
 
         {config.appStoreUrl !== undefined ||
-        config.googlePlayUrl !== undefined ? (
+        config.googlePlayUrl !== undefined ||
+        config.fDroidUrl !== undefined ? (
           <div
             className={css`
               display: flex;
-              flex-direction: row;
-              margin: 0 0 30px;
+              flex-direction: column;
+              margin: 0 0 20px;
             `}
           >
             {config.googlePlayUrl !== undefined ? (
@@ -89,7 +92,7 @@ export const MobilePage = memo(() => {
                 target="_blank"
                 rel="noreferrer"
                 className={css`
-                  margin-right: 20px;
+                  margin-bottom: 15px;
                 `}
               >
                 <RetinaImage
@@ -102,7 +105,14 @@ export const MobilePage = memo(() => {
             ) : null}
 
             {config.appStoreUrl !== undefined ? (
-              <a href={config.appStoreUrl} target="_blank" rel="noreferrer">
+              <a
+                href={config.appStoreUrl}
+                target="_blank"
+                rel="noreferrer"
+                className={css`
+                  margin-bottom: 15px;
+                `}
+              >
                 <RetinaImage
                   image={appStoreImage}
                   image2x={appStore2xImage}
@@ -111,6 +121,17 @@ export const MobilePage = memo(() => {
                 />
               </a>
             ) : null}
+
+            {config.fDroidUrl !== undefined ? (
+              <a href={config.fDroidUrl} target="_blank" rel="noreferrer">
+                <RetinaImage
+                  image={fDroidImage}
+                  image2x={fDroid2xImage}
+                  width={123}
+                  height={36}
+                />
+              </a>
+            ) : null}
           </div>
         ) : null}