Add support for disabling few website features

- Toggle for Features cards - Toggle for "One-click link"
jhaals · Feb 15, 2023 · ec36235 · ec36235
1 parent 461243e
commit ec36235
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/website/README.md b/website/README.md
@@ -42,3 +42,8 @@ After adding your LOCALE.json file(s) in `./public/locales/`, build the website
 ```bash
 PUBLIC_URL='https://my-domain.com' REACT_APP_BACKEND_URL='http://api.my-domain.com' REACT_APP_FALLBACK_LANGUAGE=en yarn build
 ```
+
+## Additional options
+
+- `REACT_APP_DISABLE_FEATURES_CARDS=1` - Allows disabling Features cards
+- `REACT_APP_DISABLE_ONE_CLICK_LINK=1` - Allows disabling "One-click link" support
diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -18,14 +18,15 @@ const App = () => {
     });
   }
 
+  const features = process.env.REACT_APP_DISABLE_FEATURES_CARDS !== '1';
   return (
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={theme}>
         <HashRouter>
           <Header />
           <Container maxWidth={'lg'}>
             <Routing />
-            <Features />
+            {features && <Features />}
             <Attribution />
           </Container>
         </HashRouter>

diff --git a/website/src/Routing.tsx b/website/src/Routing.tsx
@@ -5,11 +5,12 @@ import DisplaySecret from './displaySecret/DisplaySecret';
 import Upload from './createSecret/Upload';
 
 export const Routing = () => {
+  const oneClickLink = process.env.REACT_APP_DISABLE_ONE_CLICK_LINK !== '1';
   return (
     <Routes>
       <Route path="/" element={<CreateSecret />} />
       <Route path="/upload" element={<Upload />} />
-      <Route path="/:format/:key/:password" element={<DisplaySecret />} />
+      {oneClickLink && <Route path="/:format/:key/:password" element={<DisplaySecret />} />}
       <Route path="/:format/:key" element={<DisplaySecret />} />
     </Routes>
   );

diff --git a/website/src/displaySecret/Result.tsx b/website/src/displaySecret/Result.tsx
@@ -26,6 +26,7 @@ const Result = ({ uuid, password, prefix, customPassword }: ResultProps) => {
       `${window.location.protocol}//${window.location.host}`) + `/#/${prefix}`;
   const short = `${base}/${uuid}`;
   const full = `${short}/${password}`;
+  const oneClickLink = process.env.REACT_APP_DISABLE_ONE_CLICK_LINK !== '1';
   const { t } = useTranslation();
 
   return (
@@ -39,7 +40,7 @@ const Result = ({ uuid, password, prefix, customPassword }: ResultProps) => {
       <TableContainer>
         <Table>
           <TableBody>
-            {!customPassword && (
+            {oneClickLink && !customPassword && (
               <Row label={t('result.rowLabelOneClick')} value={full} />
             )}
             <Row label={t('result.rowLabelShortLink')} value={short} />