fix(signature-collection): tweaks 15.10

libs/portals/admin/signature-collection/src/screens-parliamentary/List/paperSignees/identityAndCanSignLookup.graphql

@@ -6,6 +6,11 @@ query Identity($input: IdentityInput!) {
   }
 }
 
-query CanSign($input: SignatureCollectionCanSignFromPaperInput!) {
-  signatureCollectionCanSignFromPaper(input: $input)
+query SignatureCollectionAdminCanSignInfo(
+  $input: SignatureCollectionCanSignFromPaperInput!
+) {
+  signatureCollectionAdminCanSignInfo(input: $input) {
+    reasons
+    success
+  }
 }

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

@@ -16,7 +16,7 @@ import { useForm } from 'react-hook-form'
 import { toast } from 'react-toastify'
 import { m } from '../../../lib/messages'
 import {
-  useCanSignQuery,
+  useSignatureCollectionAdminCanSignInfoQuery,
   useIdentityQuery,
 } from './identityAndCanSignLookup.generated'
 import { useSignatureCollectionUploadPaperSignatureMutation } from './uploadPaperSignee.generated'
@@ -37,15 +37,16 @@ export const PaperSignees = ({ listId }: { listId: string }) => {
     onCompleted: (data) => setName(data.identity?.name || ''),
   })
 
-  const { data: canSign, loading: loadingCanSign } = useCanSignQuery({
-    variables: {
-      input: {
-        signeeNationalId: nationalIdInput,
-        listId,
+  const { data: canSign, loading: loadingCanSign } =
+    useSignatureCollectionAdminCanSignInfoQuery({
+      variables: {
+        input: {
+          signeeNationalId: nationalIdInput,
+          listId,
+        },
       },
-    },
-    skip: !nationalId.isValid(nationalIdInput) || !name,
-  })
+      skip: !nationalId.isValid(nationalIdInput) || !name,
+    })
 
   useEffect(() => {
     if (nationalIdInput.length === 10) {
@@ -126,7 +127,11 @@ export const PaperSignees = ({ listId }: { listId: string }) => {
                 }}
                 error={nationalIdTypo ? ' ' : undefined}
                 loading={loading || loadingCanSign}
-                icon={name && canSign ? 'checkmark' : undefined}
+                icon={
+                  name && canSign?.signatureCollectionAdminCanSignInfo?.success
+                    ? 'checkmark'
+                    : undefined
+                }
               />
             </GridColumn>
             <GridColumn span={['5/12', '4/12']}>
@@ -157,7 +162,9 @@ export const PaperSignees = ({ listId }: { listId: string }) => {
             <Button
               variant="ghost"
               size="small"
-              disabled={!canSign || !page}
+              disabled={
+                !canSign?.signatureCollectionAdminCanSignInfo?.success || !page
+              }
               onClick={() => uploadPaperSignee()}
               loading={uploadingPaperSignature}
             >
@@ -175,15 +182,17 @@ export const PaperSignees = ({ listId }: { listId: string }) => {
           />
         </Box>
       )}
-      {name && !loadingCanSign && !canSign && (
-        <Box marginTop={5}>
-          <AlertMessage
-            type="error"
-            title={formatMessage(m.paperSigneeCantSignTitle)}
-            message={formatMessage(m.paperSigneeCantSignMessage)}
-          />
-        </Box>
-      )}
+      {name &&
+        !loadingCanSign &&
+        !canSign?.signatureCollectionAdminCanSignInfo?.success && (
+          <Box marginTop={5}>
+            <AlertMessage
+              type="error"
+              title={formatMessage(m.paperSigneeCantSignTitle)}
+              message={formatMessage(m.paperSigneeCantSignMessage)}
+            />
+          </Box>
+        )}
     </Box>
   )
 }

libs/service-portal/signature-collection/src/lib/messages.ts

@@ -224,7 +224,7 @@ export const m = defineMessages({
   },
   coOwners: {
     id: 'sp.signatureCollection:coOwners',
-    defaultMessage: 'Umboðsaðilar:',
+    defaultMessage: 'Umsjónaraðilar:',
     description: '',
   },
   copyLink: {
@@ -277,6 +277,12 @@ export const m = defineMessages({
     defaultMessage: 'Skrá meðmæli af blaði',
     description: '',
   },
+  paperSigneesTooltip: {
+    id: 'sp.signatureCollection:paperSigneesTooltip',
+    defaultMessage:
+      'Athugið að ógild meðmæli skrást inn en teljast ekki með í heildartölu meðmæla. Dæmi slegnar eru inn 10 kennitölur en kerfið telur aðeins 8 gildar.',
+    description: '',
+  },
   paperSigneesClearButton: {
     id: 'sp.signatureCollection:paperSigneesClearButton',
     defaultMessage: 'Hreinsa',
@@ -355,10 +361,10 @@ export const m = defineMessages({
     defaultMessage: 'Umsjónaraðilar',
     description: '',
   },
-  supervisorsInfo: {
-    id: 'sp.signatureCollection:supervisorsInfo',
+  supervisorsTooltip: {
+    id: 'sp.signatureCollection:supervisorsTooltip',
     defaultMessage:
-      'Umsjónaraðilar hafa aðgang að öllum upplýsingum safnananna en geta ekki eytt söfnununum. ',
+      'Umsjónaraðilar hafa aðgang að öllum upplýsingum safnananna en geta ekki eytt söfnununum.',
     description: '',
   },
   add: {

libs/service-portal/signature-collection/src/screens/Parliamentary/OwnerView/ViewList/Signees/PaperSignees.tsx

@@ -7,6 +7,7 @@ import {
   GridContainer,
   AlertMessage,
   Input,
+  Tooltip,
 } from '@island.is/island-ui/core'
 import { useLocale, useNamespaces } from '@island.is/localization'
 import { useIdentityQuery } from '@island.is/service-portal/graphql'
@@ -93,9 +94,14 @@ export const PaperSignees = ({
 
   return (
     <Box marginTop={8}>
-      <Box display={'flex'} justifyContent={'spaceBetween'}>
+      <Box display="flex" justifyContent={'spaceBetween'}>
         <Text variant="h4" marginBottom={2}>
-          {formatMessage(m.paperSigneesHeader)}
+          {formatMessage(m.paperSigneesHeader) + ' '}
+          <Tooltip
+            placement="right"
+            color="blue400"
+            text={formatMessage(m.paperSigneesTooltip)}
+          />
         </Text>
         <Box>
           <Button

libs/service-portal/signature-collection/src/screens/Parliamentary/OwnerView/ViewList/index.tsx

@@ -19,24 +19,20 @@ const ViewList = () => {
           <Box>
             <Text variant="h3">{listInfo.title}</Text>
           </Box>
-          <Box display={['block', 'flex']} justifyContent="spaceBetween">
+          <Box display="block">
             <Box>
-              <Text variant="h5">{formatMessage(m.listPeriod)}</Text>
+              <Text variant="h4">{formatMessage(m.listPeriod)}</Text>
               <Text>
                 {format(new Date(listInfo.startTime), 'dd.MM.yyyy') +
                   ' - ' +
                   format(new Date(listInfo.endTime), 'dd.MM.yyyy')}
               </Text>
             </Box>
-            <Box marginTop={[2, 0]}>
-              <Text variant="h5">{formatMessage(m.numberOfSigns)}</Text>
-              <Text>{listInfo?.numberOfSignatures}</Text>
-            </Box>
-            <Box marginTop={[2, 0]}>
+            <Box marginTop={5}>
               {!!listInfo?.collectors?.length && (
                 <>
-                  <Text marginTop={[2, 0]} variant="h5">
-                    {formatMessage(m.supervisors)}
+                  <Text marginTop={[2, 0]} variant="h4">
+                    {formatMessage(m.coOwners)}
                   </Text>
                   {listInfo?.collectors?.map((collector) => (
                     <Box

libs/service-portal/signature-collection/src/screens/Parliamentary/OwnerView/index.tsx

@@ -189,7 +189,7 @@ const OwnerView = ({
             {formatMessage(m.supervisors) + ' '}
             <Tooltip
               placement="right"
-              text={formatMessage(m.supervisorsInfo)}
+              text={formatMessage(m.supervisorsTooltip)}
               color="blue400"
             />
           </Text>