chore(changeset): update status for localunit and minor UI changes

Author: shreeyash07

.changeset/blue-insects-show.md

@@ -0,0 +1,9 @@
+---
+"go-web-app": patch
+---
+
+Update local units UI
+
+  - Add icon for externally managed status
+  - Relocate status column in local units table
+  - Improve overall UI

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitView/index.tsx

@@ -105,20 +105,14 @@ function LocalUnitView(props: Props) {
             emptyMessage={strings.localUnitViewNoChanges}
             contentViewType="grid"
             numPreferredGridContentColumns={3}
-            footerContentClassName={styles.localUnitViewFooter}
-            footerContent={(
-                <DiffWrapper
-                    hideOnPristine
-                    diffViewEnabled
+            withFooterBorder
+            footerContent={isDefined(newValue?.update_reason_overview) && (
+                <TextOutput
+                    valueClassName={styles.updateReasonText}
+                    strongLabel
                     value={newValue?.update_reason_overview}
-                    previousValue={oldValue?.update_reason_overview}
-                >
-                    <TextOutput
-                        strongValue
-                        value={newValue?.update_reason_overview}
-                        label={strings.localUnitViewUpdateReason}
-                    />
-                </DiffWrapper>
+                    label={strings.localUnitViewUpdateReason}
+                />
             )}
         >
             <SelectDiffWrapper
@@ -166,6 +160,7 @@ function LocalUnitView(props: Props) {
                     label={strings.localUnitViewLatitude}
                     value={newValue?.location_json?.lat}
                     valueType="number"
+                    maximumFractionDigits={10}
                 />
             </DiffWrapper>
             <DiffWrapper
@@ -179,6 +174,7 @@ function LocalUnitView(props: Props) {
                     label={strings.localUnitViewLongitude}
                     value={newValue?.location_json?.lng}
                     valueType="number"
+                    maximumFractionDigits={10}
                 />
             </DiffWrapper>
             <DiffWrapper

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitView/styles.module.css

@@ -1,5 +1,3 @@
-.local-unit-view-footer {
-    border-top: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator);
-    padding-top: var(--go-ui-spacing-md);
+.update-reason-text {
     font-style: italic;
 }

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsFormModal/LocalUnitsForm/index.tsx

@@ -456,9 +456,9 @@ function LocalUnitsForm(props: Props) {
 
     return (
         <div className={styles.localUnitsForm}>
-            {isDefined(actionsContainerRef.current) && (
+            {isDefined(actionsContainerRef.current) && environment !== 'production' && (
                 <Portal container={actionsContainerRef.current}>
-                    {isDefined(localUnitDetailsResponse) && environment !== 'production' && (
+                    {isDefined(localUnitDetailsResponse) && (
                         <>
                             {hasUpdatePermission && (
                                 <Button

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitsTable/LocalUnitTableActions/index.tsx

@@ -66,15 +66,12 @@ function LocalUnitsTableActions(props: Props) {
         isGuestUser,
     } = usePermissions();
 
-    const isLocked = (
-        isDefined(status)
-        && !(status === VALIDATED)
-    );
+    const isLocked = status !== VALIDATED;
 
-    const isExternallyManaged = (status === EXTERNALLY_MANAGED
+    const isExternallyManaged = status === EXTERNALLY_MANAGED
         || (isDefined(localUnitType)
             && isDefined(manageResponse)
-            && !!manageResponse[localUnitType]?.enabled));
+            && !!manageResponse[localUnitType]?.enabled);
 
     const hasPermission = isAuthenticated
         && !isExternallyManaged

translationMigrations/000047-1757587609420.json renamed to translationMigrations/000050-1758013961153.json

@@ -1,5 +1,5 @@
 {
-    "parent": "000046-1756436727466.json",
+    "parent": "000049-1758005186095.json",
     "actions": [
         {
             "action": "add",