disable non-implemented action buttons

kontent-ai · Nov 11, 2024 · f690efc · f690efc
1 parent 2687c66
commit f690efc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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}