Merge pull request #1597 from Neverous/hide-parts

Add support for disabling few website features

Author: jhaals

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
+
+- `YOPASS_DISABLE_FEATURES_CARDS=1` - Allows disabling Features cards
+- `YOPASS_DISABLE_ONE_CLICK_LINK=1` - Allows disabling "One-click link" support

website/src/App.tsx

@@ -18,14 +18,15 @@ const App = () => {
     });
   }
 
+  const features = process.env.YOPASS_DISABLE_FEATURES_CARDS !== '1';
   return (
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={theme}>
         <HashRouter>
           <Header />
           <Container maxWidth={'lg'}>
             <Routing />
-            <Features />
+            {features && <Features />}
             <Attribution />
           </Container>
         </HashRouter>

website/src/Routing.tsx

@@ -5,11 +5,14 @@ import DisplaySecret from './displaySecret/DisplaySecret';
 import Upload from './createSecret/Upload';
 
 export const Routing = () => {
+  const oneClickLink = process.env.YOPASS_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>
   );

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.YOPASS_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} />

website/vite.config.ts

@@ -28,6 +28,10 @@ export default defineConfig(() => {
         REACT_APP_FALLBACK_LANGUAGE: process.env.REACT_APP_FALLBACK_LANGUAGE,
         START_SERVER_AND_TEST_INSECURE:
           process.env.START_SERVER_AND_TEST_INSECURE,
+        YOPASS_DISABLE_FEATURES_CARDS:
+          process.env.YOPASS_DISABLE_FEATURES_CARDS,
+        YOPASS_DISABLE_ONE_CLICK_LINK:
+          process.env.YOPASS_DISABLE_ONE_CLICK_LINK,
       },
     },
     server: {