feat: disable the form in modal and set them TODo

IQSS · Mar 4, 2025 · 7bee8eb · 7bee8eb
1 parent f0bae04
commit 7bee8eb
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 34 deletions.
diff --git a/...t-file-menu/restrict-file-button/confirm-restrict-file-modal/ConfirmRestrictFileModal.tsx b/...t-file-menu/restrict-file-button/confirm-restrict-file-modal/ConfirmRestrictFileModal.tsx
@@ -1,10 +1,8 @@
 import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
+import { ExclamationTriangle } from 'react-bootstrap-icons'
 import { Button, Modal, Spinner, Stack, Col, Form } from '@iqss/dataverse-design-system'
-// import { ExclamationCircleFill, ExclamationTriangle } from 'react-bootstrap-icons'
 import styles from './ConfirmRestrictFileModal.module.scss'
-import { FormEvent, useState } from 'react'
-import { ExclamationTriangle } from 'react-bootstrap-icons'
 
 interface ConfirmRestrictFileModalProps {
   show: boolean
@@ -29,8 +27,8 @@ export const ConfirmRestrictFileModal = ({
 }: ConfirmRestrictFileModalProps) => {
   const { t: tShared } = useTranslation('shared')
   const { t } = useTranslation('file')
-  const [requestAccess, setRequestAccess] = useState(true) // TODO need connect to API
-  const [terms, setTerms] = useState(termsOfAccessForRestrictedFiles) // TODO need connect to API
+  const requestAccess = true // TODO need connect to API
+  const terms = termsOfAccessForRestrictedFiles // TODO need connect to API
 
   return (
     <Modal show={show} onHide={isRestrictingFile ? () => {} : handleClose} centered size="lg">
@@ -62,9 +60,6 @@ export const ConfirmRestrictFileModal = ({
                     data-testid="enable-access-request-checkbox"
                     id={'requestAccessCB'}
                     checked={requestAccess}
-                    onChange={(event: FormEvent<HTMLInputElement>) =>
-                      setRequestAccess(event.currentTarget.checked)
-                    }
                   />
                 </Col>
               </Form.Group>
@@ -76,9 +71,7 @@ export const ConfirmRestrictFileModal = ({
                   <Form.Group.TextArea
                     data-testid="terms-of-access-textarea"
                     defaultValue={terms}
-                    onChange={(event: FormEvent<HTMLInputElement>) =>
-                      setTerms(event.currentTarget.value)
-                    }
+                    disabled
                   />
                 </Col>
               </Form.Group>

diff --git a/tests/component/sections/file/file-action-buttons/edit-file-menu/EditFileMenu.spec.tsx b/tests/component/sections/file/file-action-buttons/edit-file-menu/EditFileMenu.spec.tsx
@@ -220,29 +220,29 @@ describe('EditFileMenu', () => {
       ).should('exist')
     })
 
-    it('should disable Save button if no terms of acccess and disenable access request', () => {
-      cy.customMount(
-        <EditFileMenu
-          fileId={testFile.id}
-          fileRepository={new FileMockRepository()}
-          isRestricted={false}
-          datasetInfo={{
-            persistentId: testFile.datasetPersistentId,
-            releasedVersionExists: false
-          }}
-        />
-      )
-
-      cy.findByRole('button', { name: 'Edit File' }).click()
-      cy.findByRole('button', { name: 'Restrict' }).click()
-      cy.findByRole('dialog').should('exist')
-      cy.findByRole('checkbox').uncheck()
-      cy.findByRole('button', { name: 'Save Changes' }).should('be.disabled')
-
-      cy.findByRole('button', { name: /Cancel/i }).click()
-
-      cy.findByRole('dialog').should('not.exist')
-    })
+    // it('should disable Save button if no terms of acccess and disenable access request', () => {
+    //   cy.customMount(
+    //     <EditFileMenu
+    //       fileId={testFile.id}
+    //       fileRepository={new FileMockRepository()}
+    //       isRestricted={false}
+    //       datasetInfo={{
+    //         persistentId: testFile.datasetPersistentId,
+    //         releasedVersionExists: false
+    //       }}
+    //     />
+    //   )
+
+    //   cy.findByRole('button', { name: 'Edit File' }).click()
+    //   cy.findByRole('button', { name: 'Restrict' }).click()
+    //   cy.findByRole('dialog').should('exist')
+    //   cy.findByRole('checkbox').uncheck()
+    //   cy.findByRole('button', { name: 'Save Changes' }).should('be.disabled')
+
+    //   cy.findByRole('button', { name: /Cancel/i }).click()
+
+    //   cy.findByRole('dialog').should('not.exist')
+    // })
 
     it('closes the modal and shows toast success message when restrict file succeeds', () => {
       cy.customMount(