From eae992ae712bcfbf14699c51c89baa6dc9719dbc Mon Sep 17 00:00:00 2001
From: charliemidtlyng <charlie.midtlyng@bekk.no>
Date: Fri, 3 Jan 2025 09:28:00 +0100
Subject: [PATCH] Fjern bruk av classnames - trengs to steder og vi kan enkelt
 bruke string-klassenavn

---
 package-lock.json                      | 6 ------
 package.json                           | 1 -
 src/components/panel/CheckboxPanel.tsx | 8 +++-----
 src/components/panel/RadioPanel.tsx    | 6 +-----
 4 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d47bf5589..905b51298 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,6 @@
         "@types/react": "^19.0.2",
         "@types/react-dom": "^19.0.2",
         "axios": "^1.7.9",
-        "classnames": "^2.5.1",
         "constate": "^3.3.2",
         "date-fns": "^4.1.0",
         "form-data": "^4.0.1",
@@ -5218,11 +5217,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/classnames": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
-      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
-    },
     "node_modules/clean-css": {
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
diff --git a/package.json b/package.json
index 6c43dfc9f..4cd6520cc 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
     "@types/react-dom": "^19.0.2",
     "@amplitude/analytics-browser": "2.11.9",
     "axios": "^1.7.9",
-    "classnames": "^2.5.1",
     "constate": "^3.3.2",
     "date-fns": "^4.1.0",
     "form-data": "^4.0.1",
diff --git a/src/components/panel/CheckboxPanel.tsx b/src/components/panel/CheckboxPanel.tsx
index 5fc11d4c0..986439c1f 100644
--- a/src/components/panel/CheckboxPanel.tsx
+++ b/src/components/panel/CheckboxPanel.tsx
@@ -1,6 +1,5 @@
 import React, { PropsWithChildren } from 'react';
 import { Checkbox } from '@navikt/ds-react';
-import classnames from 'classnames';
 import styled from 'styled-components';
 import {
   ABlue100,
@@ -64,10 +63,9 @@ const CheckboxPanelCustom: React.FC<Properties> = ({
       value={value}
       name={name}
       onChange={onChange}
-      className={classnames('checkbox-panel', {
-        active: checked,
-        'non-active': !checked,
-      })}
+      className={
+        checked ? 'checkbox-panel active' : 'checkbox-panel non-active'
+      }
     >
       {children}
     </StyledCheckbox>
diff --git a/src/components/panel/RadioPanel.tsx b/src/components/panel/RadioPanel.tsx
index 193da2529..bd0d8a373 100644
--- a/src/components/panel/RadioPanel.tsx
+++ b/src/components/panel/RadioPanel.tsx
@@ -1,6 +1,5 @@
 import React, { PropsWithChildren } from 'react';
 import { Radio } from '@navikt/ds-react';
-import classnames from 'classnames';
 import styled from 'styled-components';
 import {
   ABlue100,
@@ -65,10 +64,7 @@ const RadioPanelCustom: React.FC<Properties> = ({
       name={name}
       checked={checked}
       onChange={onChange}
-      className={classnames('radio-panel', {
-        active: checked,
-        'non-active': !checked,
-      })}
+      className={checked ? 'radio-panel active' : 'radio-panel non-active'}
     >
       {children}
     </StyledRadio>