better components view

FINTLabs · Jan 7, 2025 · 1bf2470 · 1bf2470
1 parent fb0279d
commit 1bf2470
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/app/routes/kontrakter._index.tsx b/app/routes/kontrakter._index.tsx
@@ -11,7 +11,7 @@ import {
 import { useEffect, useRef, useState } from "react";
 import { json, LoaderFunction } from "@remix-run/node";
 import { StatusApi } from "~/api/StatusApi";
-import {AdapterContract, ContractModal, convertLastActivity} from "~/types/AdapterContract";
+import {AdapterContract, ContractModal, convertLastActivity, formatComponents} from "~/types/AdapterContract";
 import { useLoaderData } from "@remix-run/react";
 import { MagnifyingGlassIcon } from "@navikt/aksel-icons";
 import {envCookie} from "~/components/cookie";
@@ -154,7 +154,7 @@ export default function Kontrakter() {
                   {contract.orgId}
                 </Table.HeaderCell>
                 <Table.HeaderCell scope="row">
-                  {contract.components}
+                  {formatComponents(contract.components)}
                 </Table.HeaderCell>
                 <Table.HeaderCell scope="row">
                   {String(contract.hasContact)}

diff --git a/app/types/AdapterContract.ts b/app/types/AdapterContract.ts
@@ -37,4 +37,18 @@ export function convertLastActivity(timestamp: number): string {
 
   return `${hours}:${minutes}:${seconds} ${day}/${month}/${year}`;
 
+}
+
+export function formatComponents(compontents: string[]): Array<string> {
+  const resources = new Array<string>;
+  compontents.forEach((component: string) => {
+    const parts = component.split('.');
+    if (parts.length > 1) {
+        if (!resources.find(resource => resource === parts[0])) {
+            resources.push(parts[0]);
+        }
+    }
+  })
+
+  return resources;
 }