From f690efc687e785762ea2b3783c003b739242694b Mon Sep 17 00:00:00 2001
From: Daniel Pokorny <danielp@kontent.ai>
Date: Mon, 11 Nov 2024 10:17:15 +0100
Subject: [PATCH] disable non-implemented action buttons

---
 src/components/menu/Menu.tsx       | 2 +-
 src/components/sync/SyncSource.tsx | 2 +-
 src/components/sync/SyncTarget.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/menu/Menu.tsx b/src/components/menu/Menu.tsx
index b4cb245..8223880 100644
--- a/src/components/menu/Menu.tsx
+++ b/src/components/menu/Menu.tsx
@@ -26,7 +26,7 @@ export const Menu: React.FC<MenuProps> = (props) => {
       <div className="menu-column">
         {[...props.actions.values()].map((action) => (
           <button
-            className={`button ${props.style ?? ""}`}
+            className={`button ${props.style ?? ""} ${(!action.subMenuActions && !action.route) ? "disabled" : ""}`}
             key={action.title}
             onClick={() => handleActionSelect(action)}
             onMouseEnter={() => setHoveredAction(action)}
diff --git a/src/components/sync/SyncSource.tsx b/src/components/sync/SyncSource.tsx
index 156027b..1b3981f 100644
--- a/src/components/sync/SyncSource.tsx
+++ b/src/components/sync/SyncSource.tsx
@@ -54,7 +54,7 @@ export const SyncSource: React.FC = () => {
     <form name="source" onSubmit={handleSubmit} autoComplete="off">
       <h2>Sync - Provide Source Information</h2>
       <br />
-      <label className="switch">
+      <label className="switch disabled">
         <input
           type="checkbox"
           checked={useModelFile}
diff --git a/src/components/sync/SyncTarget.tsx b/src/components/sync/SyncTarget.tsx
index bd7e595..6eae09b 100644
--- a/src/components/sync/SyncTarget.tsx
+++ b/src/components/sync/SyncTarget.tsx
@@ -58,7 +58,7 @@ export const SyncTarget: React.FC = () => {
     <form onSubmit={handleSubmit} autoComplete="off">
       <h2>Sync - Provide Target Information</h2>
       <br />
-      <label className="switch">
+      <label className="switch disabled">
         <input
           type="checkbox"
           checked={apiKeysMatch}