From 9e58843607664751f7d814e18d1c223f9255b424 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 12 Jan 2026 16:45:16 +0000
Subject: [PATCH 1/2] Initial plan


From dca727aea2d7e41177c8beca90daa11fdb4d190b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 12 Jan 2026 16:48:50 +0000
Subject: [PATCH 2/2] Remove .js extensions from ElnStyles imports and fix
 unused variables

Co-authored-by: jliermann <40795855+jliermann@users.noreply.github.com>
---
 src/components/eln/ElnCard.js                | 2 +-
 src/components/eln/ElnFinder.js              | 4 +---
 src/components/eln/ElnFinderPharm.js         | 4 +---
 src/components/eln/elnFilter/ElnFilter.js    | 2 +-
 src/components/eln/elnFilter/FilterButton.js | 2 +-
 src/components/eln/elnFilter/TextSearch.js   | 2 +-
 6 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/eln/ElnCard.js b/src/components/eln/ElnCard.js
index 4f3d9b17..8c50852f 100644
--- a/src/components/eln/ElnCard.js
+++ b/src/components/eln/ElnCard.js
@@ -3,7 +3,7 @@ import RepoButton from "@site/src/components/repos/RepoButton";
 import FilterButton from "./elnFilter/FilterButton.js";
 import ShortenDesc from "../commons/ShortenDesc.js";
 
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 
 function ElnCard({ eln, filter, setFilter }) {
   return (
diff --git a/src/components/eln/ElnFinder.js b/src/components/eln/ElnFinder.js
index 741c5fdc..25e077d9 100644
--- a/src/components/eln/ElnFinder.js
+++ b/src/components/eln/ElnFinder.js
@@ -6,14 +6,13 @@ import ElnStatus from "./ElnStatus";
 import ElnFilter from "./elnFilter/ElnFilter";
 import ElnStack from "./ElnStack";
 
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 // const elnData = require("@site/static/assets/eln_test.json");
 
 function ElnFinder(props) {
   // State for ELN data
 
   const [elnData, setElnData] = useState(null);
-  const [error, setError] = useState(null);
 
   // State for filtering
 
@@ -31,7 +30,6 @@ function ElnFinder(props) {
         console.log(data);
       })
       .catch((error) => {
-        setError(error);
         console.error(error);
       });
   }, []);
diff --git a/src/components/eln/ElnFinderPharm.js b/src/components/eln/ElnFinderPharm.js
index eb78302e..89821c10 100644
--- a/src/components/eln/ElnFinderPharm.js
+++ b/src/components/eln/ElnFinderPharm.js
@@ -6,7 +6,7 @@ import ElnStatus from "./ElnStatus";
 import ElnFilter from "./elnFilter/ElnFilter";
 import ElnStack from "./ElnStack";
 
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 
 // const elnData = require("@site/static/assets/eln_test.json");
 
@@ -14,7 +14,6 @@ function ElnFinderPharm(props) {
   // State for ELN data
 
   const [elnData, setElnData] = useState(null);
-  const [error, setError] = useState(null);
 
   // State for filtering
 
@@ -32,7 +31,6 @@ function ElnFinderPharm(props) {
         console.log(data);
       })
       .catch((error) => {
-        setError(error);
         console.error(error);
       });
   }, []);
diff --git a/src/components/eln/elnFilter/ElnFilter.js b/src/components/eln/elnFilter/ElnFilter.js
index 47333215..789f8f7b 100644
--- a/src/components/eln/elnFilter/ElnFilter.js
+++ b/src/components/eln/elnFilter/ElnFilter.js
@@ -3,7 +3,7 @@ import React from "react";
 import TextSearch from "./TextSearch";
 import FilterButton from "./FilterButton";
 
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 
 // Assemble buttons for filtering section
 
diff --git a/src/components/eln/elnFilter/FilterButton.js b/src/components/eln/elnFilter/FilterButton.js
index 6363072e..92b0ee7b 100644
--- a/src/components/eln/elnFilter/FilterButton.js
+++ b/src/components/eln/elnFilter/FilterButton.js
@@ -1,4 +1,4 @@
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 import clsx from "clsx";
 
 function FilterButton(props) {
diff --git a/src/components/eln/elnFilter/TextSearch.js b/src/components/eln/elnFilter/TextSearch.js
index 8dfc2d08..442504be 100644
--- a/src/components/eln/elnFilter/TextSearch.js
+++ b/src/components/eln/elnFilter/TextSearch.js
@@ -1,4 +1,4 @@
-import styles from "@site/src/components/eln/ElnStyles.js";
+import styles from "@site/src/components/eln/ElnStyles";
 
 function TextSearch({ resultOutput, filter, setFilter }) {
   const handleChange = (e) =>