Merge pull request #2 from debsmita1/fix/global-fab

updated the FAB menu actions

Author: its-mitesh-kumar

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: <LibraryBooks />,
-            label: 'Api Docs',
-            toolTip: 'Api Docs',
+            icon: <ExtensionIcon />,
+            label: 'Apis',
+            toolTip: 'Apis',
             to: '/api-docs',
           },
           {
             slot: Slot.BOTTOM_LEFT,
-            icon: <ExtensionIcon />,
+            icon: <LibraryBooks />,
             showLabel: true,
             label: 'Docs',
             toolTip: 'Docs',
@@ -118,22 +118,13 @@ export const Root = ({ children }: PropsWithChildren<{}>) => {
             onClick: toggleModal,
           },
           {
-            color: 'success',
             icon: <GitHubIcon />,
-            label: 'RHDH pluginsssssssssssssss',
+            label: 'RHDH plugins',
             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 />,

workspaces/global-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={{ mb: -1, order: order.icon }}>
+        <Typography sx={{ order: order.icon }}>
           <FabIcon icon={icon} />
         </Typography>
       )}
-    </Typography>
+    </>
   );
 };