Add createFilterUnique to deploy-web project

akash-network · Apr 3, 2024 · c400d69 · c400d69
1 parent a1ea942
commit c400d69
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/deploy-web/src/components/providers/ProviderListRow.tsx b/deploy-web/src/components/providers/ProviderListRow.tsx
@@ -16,8 +16,8 @@ import { Uptime } from "./Uptime";
 import React from "react";
 import { hasSomeParentTheClass } from "@src/utils/domUtils";
 import { cx } from "@emotion/css";
-import CheckIcon from "@mui/icons-material/Check";
 import WarningIcon from "@mui/icons-material/Warning";
+import { createFilterUnique } from "@src/utils/array";
 
 const useStyles = makeStyles()(theme => ({
   root: {
@@ -62,7 +62,7 @@ export const ProviderListRow: React.FunctionComponent<Props> = ({ provider }) =>
   const _totalStorage = provider.isOnline
     ? bytesToShrink(provider.availableStats.storage + provider.pendingStats.storage + provider.activeStats.storage)
     : null;
-  const gpuModels = provider.gpuModels.map(x => x.model).filter((x, i, arr) => arr.indexOf(x) === i);
+  const gpuModels = provider.gpuModels.map(x => x.model).filter(createFilterUnique());
 
   const onStarClick = event => {
     event.preventDefault();

diff --git a/deploy-web/src/components/providers/ProviderSpecs.tsx b/deploy-web/src/components/providers/ProviderSpecs.tsx
@@ -3,6 +3,7 @@ import { makeStyles } from "tss-react/mui";
 import { ClientProviderDetailWithStatus } from "@src/types/provider";
 import { LabelValue } from "../shared/LabelValue";
 import CheckIcon from "@mui/icons-material/Check";
+import { createFilterUnique } from "@src/utils/array";
 
 const useStyles = makeStyles()(theme => ({
   root: {
@@ -26,7 +27,7 @@ export const ProviderSpecs: React.FunctionComponent<Props> = ({ provider }) => {
   const gpuModels =
     provider?.gpuModels
       ?.map(x => x.model + " " + x.ram)
-      .filter((x, i, arr) => arr.indexOf(x) === i)
+      .filter(createFilterUnique())
       .sort((a, b) => a.localeCompare(b)) || [];
 
   return (

diff --git a/deploy-web/src/utils/array.ts b/deploy-web/src/utils/array.ts
@@ -0,0 +1,7 @@
+type Matcher<T> = (a: T, b: T) => boolean;
+
+export function createFilterUnique<T>(matcher: Matcher<T> = (a, b) => a === b): (value: T, index: number, array: T[]) => boolean {
+  return (value, index, array) => {
+    return array.findIndex(other => matcher(value, other)) === index;
+  };
+}