Fix status filter

CHANGELOG.md

@@ -32,7 +32,8 @@
 - The responsive design of the coordinate segment in the detail view was broken.
 - When clicking the select all checkbox in the borehole table, only the boreholes on the current page were selected.
 - Some filter chips were missing translations or where not displayed correctly.
-- Filtering striae for "not specified" returned wrong results.
+- Filtering striae for `not specified` returned wrong results.
+- Filtering by `borehole status` did not work.
 
 ## v2.1.870 - 2024-09-27
 

src/client/src/pages/detail/detailHeader.tsx

@@ -123,7 +123,7 @@ const DetailHeader = ({
           <Typography variant="h2"> {borehole?.alternateName}</Typography>
           {!auth.anonymousModeEnabled && (
             <Typography variant={"subtitle2"}>
-              {t("lastUpdated")}: <DateText date={borehole?.updated} /> {t("by")} {borehole?.updatedBy.name}{" "}
+              {t("lastUpdated")}: <DateText date={borehole?.updated} /> {t("by")} {borehole?.updatedBy?.name}
             </Typography>
           )}
         </Stack>

src/client/src/pages/overview/sidePanelContent/filter/statusFilter.jsx

@@ -37,22 +37,27 @@ class StatusFilter extends Component {
             {capitalizeFirstLetter(t("alls"))}
           </span>
         </Form.Field>
-        {["statuseditor", "statuscontroller", "statusvalidator", "statuspublisher"].map(role => (
-          <Form.Field key={"sec-" + role}>
+        {[
+          { name: "EDIT", translationKey: "statuseditor" },
+          { name: "CONTROL", translationKey: "statuscontroller" },
+          { name: "VALID", translationKey: "statusvalidator" },
+          { name: "PUBLIC", translationKey: "statuspublic" },
+        ].map(role => (
+          <Form.Field key={"sec-" + role.translationKey}>
             <Radio
-              checked={search.filter.role === role.replace("status", "").toUpperCase()}
+              checked={search.filter.role === role.name}
               label={""}
               name="radioGroup"
               onChange={() => {
-                this.props.setFilter("role", role.replace("status", "").toUpperCase());
+                this.props.setFilter("role", role.name);
               }}
             />
             <span
               style={{
                 color: "black",
                 fontSize: "1.1em",
               }}>
-              {capitalizeFirstLetter(t(role))}
+              {capitalizeFirstLetter(t(role.translationKey))}
             </span>
           </Form.Field>
         ))}