IBX-2230: [UDW] Hide footer buttons on "Create" from dashboard; Chang…

…e border in search to blue;cAllow creating content from search (#309)
ibexa · Feb 4, 2022 · 70a1a5f · 70a1a5f
1 parent db1d7d1
commit 70a1a5f
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 23 deletions.
diff --git a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.table.item.scss b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.table.item.scss
@@ -2,7 +2,7 @@
     cursor: pointer;
 
     .ibexa-table__cell.ibexa-table__cell {
-        border: calculateRem(2px) solid transparent;
+        border: calculateRem(1px) solid transparent;
         transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
 
         &:not(:first-child) {
@@ -20,7 +20,7 @@
         box-shadow: calculateRem(4px) calculateRem(22px) calculateRem(47px) 0 rgba($ibexa-color-info, 0.05);
 
         .ibexa-table__cell.ibexa-table__cell {
-            border-color: $ibexa-color-light;
+            border-color: $ibexa-color-info;
             background-color: $ibexa-color-white;
         }
     }

diff --git a/src/bundle/ui-dev/src/modules/universal-discovery/components/actions-menu/actions.menu.js b/src/bundle/ui-dev/src/modules/universal-discovery/components/actions-menu/actions.menu.js
@@ -22,29 +22,41 @@ const ActionsMenu = () => {
         {},
         'universal_discovery_widget'
     );
-    const isConfirmDisabled = !allowConfirmation || selectedLocations.length === 0;
+    const isConfirmDisabled = selectedLocations.length === 0;
+    const renderActionsContent = () => {
+        if (!allowConfirmation) {
+            return null;
+        }
+
+        return (
+            <>
+                <span className="c-actions-menu__confirm-btn-wrapper">
+                    <button
+                        className="c-actions-menu__confirm-btn btn ibexa-btn ibexa-btn--primary"
+                        type="button"
+                        onClick={() => onConfirm()}
+                        disabled={isConfirmDisabled}
+                    >
+                        {confirmLabel}
+                    </button>
+                </span>
+                <span className="c-actions-menu__cancel-btn-wrapper">
+                    <button
+                        className="c-actions-menu__cancel-btn btn ibexa-btn ibexa-btn--secondary"
+                        type="button"
+                        onClick={cancelUDW}
+                    >
+                        {cancelLabel}
+                    </button>
+                </span>
+            </>
+        );
+    };
+
 
     return (
         <div className="c-actions-menu">
-            <span className="c-actions-menu__confirm-btn-wrapper">
-                <button
-                    className="c-actions-menu__confirm-btn btn ibexa-btn ibexa-btn--primary"
-                    type="button"
-                    onClick={() => onConfirm()}
-                    disabled={isConfirmDisabled}
-                >
-                    {confirmLabel}
-                </button>
-            </span>
-            <span className="c-actions-menu__cancel-btn-wrapper">
-                <button
-                    className="c-actions-menu__cancel-btn btn ibexa-btn ibexa-btn--secondary"
-                    type="button"
-                    onClick={cancelUDW}
-                >
-                    {cancelLabel}
-                </button>
-            </span>
+            {renderActionsContent()}
         </div>
     );
 };

diff --git a/src/bundle/ui-dev/src/modules/universal-discovery/search.tab.module.js b/src/bundle/ui-dev/src/modules/universal-discovery/search.tab.module.js
@@ -8,7 +8,7 @@ import { TabsConfigContext } from './universal.discovery.module';
 const SearchTabModule = () => {
     const tabsConfig = useContext(TabsConfigContext);
     const actionsDisabledMap = {
-        'content-create-button': true,
+        'content-create-button': false,
         'sort-switcher': true,
         'view-switcher': true,
     };