Revert "updated the FAB menu actions"

its-mitesh-kumar · Feb 20, 2025 · 85e0ca3 · 85e0ca3
1 parent 17d69df
commit 85e0ca3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/workspaces/global-floating-action-button/packages/app/src/components/Root/Root.tsx b/workspaces/global-floating-action-button/packages/app/src/components/Root/Root.tsx
@@ -98,14 +98,14 @@ export const Root = ({ children }: PropsWithChildren<{}>) => {
           },
           {
             slot: Slot.BOTTOM_LEFT,
-            icon: <ExtensionIcon />,
-            label: 'Apis',
-            toolTip: 'Apis',
+            icon: <LibraryBooks />,
+            label: 'Api Docs',
+            toolTip: 'Api Docs',
             to: '/api-docs',
           },
           {
             slot: Slot.BOTTOM_LEFT,
-            icon: <LibraryBooks />,
+            icon: <ExtensionIcon />,
             showLabel: true,
             label: 'Docs',
             toolTip: 'Docs',
@@ -118,13 +118,22 @@ export const Root = ({ children }: PropsWithChildren<{}>) => {
             onClick: toggleModal,
           },
           {
+            color: 'success',
             icon: <GitHubIcon />,
-            label: 'RHDH plugins',
+            label: 'RHDH pluginsssssssssssssss',
             showLabel: true,
             toolTip: 'RHDH plugins',
             to: 'https://github.com/redhat-developer/rhdh-plugins',
             visibleOnPaths: ['/catalog'],
           },
+          {
+            color: 'success',
+            icon: <GitHubIcon />,
+            label: 'RHDH pluginsssssssssssssss',
+            toolTip: 'External link',
+            to: 'https://github.com/redhat-developer/rhdh-plugins',
+            visibleOnPaths: ['/catalog'],
+          },
           {
             color: 'success',
             icon: <UserSettingsSignInAvatar />,

diff --git a/...lobal-floating-action-button/plugins/global-floating-action-button/src/components/FAB.tsx b/...lobal-floating-action-button/plugins/global-floating-action-button/src/components/FAB.tsx
@@ -45,7 +45,7 @@ const FABLabel = ({
   const styles = useStyles();
   const marginStyle = slotOptions[slot].margin;
   return (
-    <>
+    <Typography sx={{ display: 'flex' }}>
       {showExternalIcon && (
         <OpenInNewIcon
           className={styles.openInNew}
@@ -68,11 +68,11 @@ const FABLabel = ({
         </Typography>
       )}
       {icon && (
-        <Typography sx={{ order: order.icon }}>
+        <Typography sx={{ mb: -1, order: order.icon }}>
           <FabIcon icon={icon} />
         </Typography>
       )}
-    </>
+    </Typography>
   );
 };