chire: hide "delete project" functionality behind a feature flag

tonkeeper · Aug 27, 2024 · 4667088 · 4667088
1 parent 6912059
commit 4667088
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 19 deletions.
diff --git a/.env.development b/.env.development
@@ -9,3 +9,6 @@ VITE_TONAPI_TESTNET_BASE_URL=https://testnet.tonapi.io/v2/
 # NOTE THAT IT HAS IP AND DOMAIN LIMIT RESTRICTIONS.
 # THE USE OF THIS TOKEN IS NOT PERMITTED IN YOUR PROJECT. YOU HAVE TO CREATE YOUR OWN TOKEN.
 VITE_TONAPI_TOKEN=AEW557REB3RXFIQAAAAPCJMD5KWORXNJ3XGLMQNGJB2EVS2QXO7VDFMLCOX4CFPEI43U3QI
+
+# FEATURE FLAGS
+VITE_AVAILABLE_DELETE_PROJECT=true
diff --git a/src/features/analytics/model/analytics-query.store.ts b/src/features/analytics/model/analytics-query.store.ts
@@ -249,7 +249,7 @@ function isStrictDecimal(value: string): boolean {
 
 async function downloadAndParseCSV(url: string): Promise<Record<string, number>[]> {
     const preFetched = await fetch(url);
-    console.log(preFetched.headers.get('content-length')); // TODO check content-length
+    // console.log(preFetched.headers.get('content-length')); // TODO check content-length
 
     const result = await preFetched.text();
 

diff --git a/src/pages/settings/edit-project/index.tsx b/src/pages/settings/edit-project/index.tsx
@@ -11,6 +11,8 @@ import { toJS } from 'mobx';
 import { CopyPad, H4, Overlay } from 'src/shared';
 import { observer } from 'mobx-react-lite';
 
+const availableDeleteProject = import.meta.env.VITE_AVAILABLE_DELETE_PROJECT === 'true';
+
 const EditProjectPage: FunctionComponent = () => {
     const formId = 'edit-project-form';
     const selectedProject = projectsStore.selectedProject;
@@ -90,24 +92,29 @@ const EditProjectPage: FunctionComponent = () => {
                     >
                         Save
                     </Button>
-                    <Button
-                        w="100%"
-                        colorScheme="red"
-                        isLoading={projectsStore.deleteProject.isLoading}
-                        onClick={() => setDeleteConfirmationIsOpen(true)}
-                    >
-                        Delete project
-                    </Button>
-                    <DeleteProjectConfirmation
-                        isOpen={deleteConfirmationIsOpen}
-                        onClose={() => setDeleteConfirmationIsOpen(false)}
-                        projectName={selectedProject.name}
-                        onConfirm={() =>
-                            projectsStore
-                                .deleteProject(selectedProject.id)
-                                .then(() => setDeleteConfirmationIsOpen(false))
-                        }
-                    />
+
+                    {availableDeleteProject && (
+                        <>
+                            <Button
+                                w="100%"
+                                colorScheme="red"
+                                isLoading={projectsStore.deleteProject.isLoading}
+                                onClick={() => setDeleteConfirmationIsOpen(true)}
+                            >
+                                Delete project
+                            </Button>
+                            <DeleteProjectConfirmation
+                                isOpen={deleteConfirmationIsOpen}
+                                onClose={() => setDeleteConfirmationIsOpen(false)}
+                                projectName={selectedProject.name}
+                                onConfirm={() =>
+                                    projectsStore
+                                        .deleteProject(selectedProject.id)
+                                        .then(() => setDeleteConfirmationIsOpen(false))
+                                }
+                            />
+                        </>
+                    )}
                 </Flex>
             </Center>
         </Overlay>