Use groupBy util to support older browsers

Signed-off-by: Damian Stasik <[email protected]>
opentofu · Sep 9, 2024 · e4ccd91 · e4ccd91
1 parent ea236fd
commit e4ccd91
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -23,6 +23,7 @@
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
+    "es-toolkit": "^1.17.0",
     "eslint": "^9.9.1",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.11",

diff --git a/frontend/src/components/LicenseSidebarBlock/index.tsx b/frontend/src/components/LicenseSidebarBlock/index.tsx
@@ -3,6 +3,7 @@ import { Fragment, ReactNode } from "react";
 import { definitions } from "@/api";
 import { Icon } from "../Icon";
 import { info } from "@/icons/info";
+import { groupBy } from "es-toolkit";
 
 interface BlockProps {
   license?: definitions["LicenseList"];
@@ -33,10 +34,7 @@ export function LicenseSidebarBlock(props: BlockProps) {
       (a, b) => b.confidence - a.confidence,
     );
 
-    const groupedLicenses = Object.groupBy(
-      sortedLicenses,
-      (license) => license.link,
-    );
+    const groupedLicenses = groupBy(sortedLicenses, (license) => license.link);
 
     const licenses = Object.entries(groupedLicenses).map(([link, license]) => (
       <li className="flex flex-col items-start gap-2" key={link}>