fix(portals-admin): locklist

libs/portals/admin/signature-collection/src/lib/messages.ts

@@ -382,7 +382,7 @@ export const m = defineMessages({
   },
   confirmListReviewedToggleBack: {
     id: 'admin-portal.signature-collection:confirmListReviewedToggleBack',
-    defaultMessage: 'Aflæsa úrvinnslu',
+    defaultMessage: 'Opna fyrir úrvinnslu',
     description: '',
   },
   listReviewedModalDescription: {
@@ -423,9 +423,24 @@ export const m = defineMessages({
     defaultMessage: 'Úrvinnslu lokið',
     description: '',
   },
+  lockList: {
+    id: 'admin-portal.signature-collection:lockList',
+    defaultMessage: 'Læsa söfnun',
+    description: '',
+  },
+  lockListSuccess: {
+    id: 'admin-portal.signature-collection:lockListSuccess',
+    defaultMessage: 'Tókst að læsa söfnun',
+    description: '',
+  },
+  lockListError: {
+    id: 'admin-portal.signature-collection:toggleReviewError',
+    defaultMessage: 'Ekki tókst að læsa söfnun',
+    description: '',
+  },
   toggleReviewError: {
     id: 'admin-portal.signature-collection:toggleReviewError',
-    defaultMessage: 'Ekki tókst loka úrvinnslu',
+    defaultMessage: 'Ekki tókst að loka úrvinnslu',
     description: '',
   },
   toggleCollectionProcessSuccess: {

libs/portals/admin/signature-collection/src/screens-parliamentary/List/paperSignees/index.tsx

@@ -44,6 +44,7 @@ export const PaperSignees = ({ listId }: { listId: string }) => {
         listId,
       },
     },
+    skip: !nationalId.isValid(nationalIdInput) || !name,
   })
 
   useEffect(() => {

libs/portals/admin/signature-collection/src/shared-components/completeReview/index.tsx

@@ -6,6 +6,7 @@ import { useToggleListReviewMutation } from './toggleListReview.generated'
 import { useRevalidator } from 'react-router-dom'
 import { m } from '../../lib/messages'
 import { ListStatus } from '../../lib/utils'
+import { useSignatureCollectionLockListMutation } from './lockList.generated'
 
 const ActionReviewComplete = ({
   listId,
@@ -15,43 +16,91 @@ const ActionReviewComplete = ({
   listStatus: string
 }) => {
   const { formatMessage } = useLocale()
-  const [modalSubmitReviewIsOpen, setModalSubmitReviewIsOpen] = useState(false)
-  const [toggleListReviewMutation, { loading }] = useToggleListReviewMutation()
   const { revalidate } = useRevalidator()
+
+  const [modalSubmitReviewIsOpen, setModalSubmitReviewIsOpen] = useState(false)
+  const [modalLockListIsOpen, setModalLockListIsOpen] = useState(false)
+
+  const [lockList, { loading: loadingLockList }] =
+    useSignatureCollectionLockListMutation({
+      variables: {
+        input: {
+          listId,
+        },
+      },
+      onCompleted: () => {
+        setModalLockListIsOpen(false)
+        revalidate()
+        toast.success(formatMessage(m.lockListSuccess))
+      },
+      onError: () => {
+        toast.error(formatMessage(m.lockListError))
+      },
+    })
+  const [toggleListReview, { loading }] = useToggleListReviewMutation({
+    variables: {
+      input: {
+        listId,
+      },
+    },
+    onCompleted: () => {
+      setModalSubmitReviewIsOpen(false)
+      revalidate()
+      toast.success(formatMessage(m.toggleReviewSuccess))
+    },
+    onError: () => {
+      toast.error(formatMessage(m.toggleReviewError))
+    },
+  })
+
   const listReviewed = listStatus && listStatus === ListStatus.Reviewed
   const modalText = listReviewed
     ? formatMessage(m.confirmListReviewedToggleBack)
     : formatMessage(m.confirmListReviewed)
 
-  const toggleReview = async () => {
-    try {
-      const res = await toggleListReviewMutation({
-        variables: {
-          input: {
-            listId,
-          },
-        },
-      })
-      if (res.data?.signatureCollectionAdminToggleListReview.success) {
-        toast.success(formatMessage(m.toggleReviewSuccess))
-        setModalSubmitReviewIsOpen(false)
-        revalidate()
-      } else {
-        toast.error(formatMessage(m.toggleReviewError))
-      }
-    } catch (e) {
-      toast.error(e.message)
-    }
-  }
-
   return (
     <Box marginTop={20}>
-      <Box display="flex" justifyContent="flexEnd">
+      <Box display="flex" justifyContent="spaceBetween">
+        {/* Læsa söfnun */}
+        <Button
+          iconType="outline"
+          variant="ghost"
+          icon="lockClosed"
+          colorScheme="destructive"
+          onClick={() => setModalLockListIsOpen(true)}
+        >
+          {formatMessage(m.lockList)}
+        </Button>
+        <Modal
+          id="toggleLockList"
+          isVisible={modalLockListIsOpen}
+          title={formatMessage(m.lockList)}
+          onClose={() => setModalLockListIsOpen(false)}
+          label={''}
+          closeButtonLabel={''}
+        >
+          <Box marginTop={5}>
+            <Text>{formatMessage(m.lockList)}</Text>
+            <Box display="flex" justifyContent="flexEnd" marginTop={5}>
+              <Button
+                iconType="outline"
+                variant="ghost"
+                onClick={() => lockList()}
+                loading={loadingLockList}
+                icon="lockClosed"
+                colorScheme="destructive"
+              >
+                {formatMessage(m.lockList)}
+              </Button>
+            </Box>
+          </Box>
+        </Modal>
+
+        {/* Úrvinnslu lokið */}
         <Button
           iconType="outline"
           variant="ghost"
-          icon={listReviewed ? 'lockOpened' : 'lockClosed'}
-          colorScheme={listReviewed ? 'default' : 'destructive'}
+          icon={listReviewed ? 'reload' : 'checkmark'}
           onClick={() => setModalSubmitReviewIsOpen(true)}
         >
           {modalText}
@@ -75,10 +124,9 @@ const ActionReviewComplete = ({
             <Button
               iconType="outline"
               variant="ghost"
-              onClick={() => toggleReview()}
+              onClick={() => toggleListReview()}
               loading={loading}
-              icon={listReviewed ? 'lockOpened' : 'lockClosed'}
-              colorScheme={listReviewed ? 'default' : 'destructive'}
+              icon={listReviewed ? 'reload' : 'checkmark'}
             >
               {modalText}
             </Button>

libs/portals/admin/signature-collection/src/shared-components/completeReview/lockList.graphql

@@ -0,0 +1,6 @@
+mutation SignatureCollectionLockList($input: SignatureCollectionListIdInput!) {
+  signatureCollectionLockList(input: $input) {
+    reasons
+    success
+  }
+}