From 65f5a3a84d0e811538ea3bb85a8e026958ee9f7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gustaf=20R=C3=A4ntil=C3=A4?= <g.rantila@gmail.com>
Date: Wed, 17 Sep 2025 16:16:20 +0200
Subject: [PATCH] Using 'classnames' instead of custom implementation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com>
---
 .../src/components/DependencyGraph/DependencyGraph.tsx   | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx b/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
index 85e6d9ef3f..df26bb86fd 100644
--- a/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
+++ b/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
@@ -23,6 +23,7 @@ import {
   useState,
 } from 'react';
 import useMeasure from 'react-use/esm/useMeasure';
+import classNames from 'classnames';
 import { once } from 'lodash';
 import * as d3Zoom from 'd3-zoom';
 import * as d3Selection from 'd3-selection';
@@ -465,14 +466,14 @@ export function DependencyGraph<NodeData, EdgeData>(
   return (
     <div
       ref={containerRef}
-      className={combineClasses(
+      className={classNames(
         styles.root,
         fit === 'contain' && styles.fixedHeight,
       )}
     >
       <FullScreen
         handle={fullScreenHandle}
-        className={combineClasses(
+        className={classNames(
           fullScreenHandle.active ? styles.fullscreen : styles.root,
           fit === 'contain' && styles.fixedHeight,
         )}
@@ -563,7 +564,3 @@ export function DependencyGraph<NodeData, EdgeData>(
     </div>
   );
 }
-
-function combineClasses(...classes: (string | false | undefined)[]) {
-  return classes.filter(c => !!c).join(' ');
-}