feat(app): update UI and fix bugs for credit hours and assignment restrictions

src/features/persons/assignment_group/index.tsx

@@ -2,6 +2,8 @@ import AssignmentsCheckList from '@components/assignments_checklist';
 import Checkbox from '@components/checkbox';
 import { AssignmentGroupType } from './index.types';
 import useAssignmentGroup from './useAssignmentGroup';
+import Tooltip from '@components/tooltip';
+import { useAppTranslation } from '@hooks/index';
 
 const AssignmentGroup = ({
   header,
@@ -18,39 +20,62 @@ const AssignmentGroup = ({
   const { checkAssignmentDisabled, checkGroupDisabled } =
     useAssignmentGroup(male);
 
+  const { t } = useAppTranslation();
+
+  const isMinistryDisabled: boolean =
+    id == 'ministry' && checkAssignmentDisabled(items[0].code);
+
+  const isDisabledByGender: boolean = !male && id != 'applyFieldMinistryPart';
+
+  const getTooltipTitle = (): string => {
+    if (isMinistryDisabled) {
+      return t('tr_onlyAvailableForPioneers');
+    } else if (isDisabledByGender) {
+      return t('tr_appliesOnlyToBrothers');
+    }
+
+    return '';
+  };
+
   return (
-    <AssignmentsCheckList
-      header={header}
-      color={color}
-      disabled={disqualified || checkGroupDisabled(id)}
-      onChange={(checked) => onHeaderChange(checked, id)}
-      readOnly={readOnly}
+    <Tooltip
+      followCursor
+      title={getTooltipTitle()}
+      show={isMinistryDisabled || isDisabledByGender}
     >
-      {items.map((assignment) => (
-        <Checkbox
-          key={assignment.code}
-          readOnly={readOnly}
-          label={assignment.name}
-          checked={
-            checkAssignmentDisabled(assignment.code)
-              ? false
-              : checkedItems.includes(assignment.code)
-          }
-          onChange={(_, checked) => onItemChange(checked, assignment.code)}
-          className="body-small-regular"
-          disabled={disqualified || checkAssignmentDisabled(assignment.code)}
-          sx={
-            assignment.borderTop
-              ? {
-                  borderTop: '1px solid var(--accent-200)',
-                  marginTop: '4px',
-                  paddingTop: '8px',
-                }
-              : {}
-          }
-        />
-      ))}
-    </AssignmentsCheckList>
+      <AssignmentsCheckList
+        header={header}
+        color={color}
+        disabled={disqualified || checkGroupDisabled(id) || isMinistryDisabled}
+        onChange={(checked) => onHeaderChange(checked, id)}
+        readOnly={readOnly}
+      >
+        {items.map((assignment) => (
+          <Checkbox
+            key={assignment.code}
+            readOnly={readOnly}
+            label={assignment.name}
+            checked={
+              checkAssignmentDisabled(assignment.code)
+                ? false
+                : checkedItems.includes(assignment.code)
+            }
+            onChange={(_, checked) => onItemChange(checked, assignment.code)}
+            className="body-small-regular"
+            disabled={disqualified || checkAssignmentDisabled(assignment.code)}
+            sx={
+              assignment.borderTop
+                ? {
+                    borderTop: '1px solid var(--accent-200)',
+                    marginTop: '4px',
+                    paddingTop: '8px',
+                  }
+                : {}
+            }
+          />
+        ))}
+      </AssignmentsCheckList>
+    </Tooltip>
   );
 };
 

src/locales/en/general.json

@@ -132,5 +132,6 @@
   "tr_noNotifications": "No notifications yet",
   "tr_noNotificationsDesc": "Important notifications will be displayed here.",
   "tr_userRoleChanged": "Access changed",
-  "tr_userRoleChangedDesc": "Your access in Organized has been changed recently. Log in to your account again for the changes to take effect."
+  "tr_userRoleChangedDesc": "Your access in Organized has been changed recently. Log in to your account again for the changes to take effect.",
+  "tr_appliesOnlyToBrothers": "Applies only to brothers"
 }

src/locales/en/ministry.json

@@ -122,6 +122,7 @@
   "tr_pioneers": "Pioneers",
   "tr_reminderPublisherReport": "Submit your monthly field service report",
   "tr_reminderPublisherReportDesc": "It should be submitted to the secretary no later than the 6th day of the month.",
-  "tr_reminderBranchReport": "The Congregation Field Service and Meeting Attendance (S-1) report hasn’t been submitted yet",
-  "tr_reminderBranchReportDesc": "It should be submitted to the branch office no later than the 20th day of the month."
+  "tr_reminderBranchReport": "The Congregation Field Service and Meeting Attendance (S-1) report is not yet ready",
+  "tr_reminderBranchReportDesc": "It should be submitted to the branch office no later than the 20th day of the month.",
+  "tr_onlyAvailableForPioneers": "Only available for pioneers"
 }