Merge pull request #919 from amitamrutiya/fix-getting-started

fix: Corrected progress percentage calculation in the Getting Started card

Author: amitamrutiya

src/custom/DashboardWidgets/GettingStartedWidget/ActionButtonCard.tsx

@@ -59,8 +59,15 @@ const DescriptionTypography = styled(Typography)<{ maxWidth?: string }>(({ theme
   marginLeft: theme.spacing(1),
   marginBottom: theme.spacing(1),
   minHeight: '4.5rem',
-  [theme.breakpoints.between('sm', 'lg')]: {
+  maxWidth: '100%',
+  [theme.breakpoints.up('xs')]: {
+    maxWidth: '100%'
+  },
+  [theme.breakpoints.up('sm')]: {
     maxWidth: maxWidth || '100%'
+  },
+  [theme.breakpoints.up('lg')]: {
+    maxWidth: '100%'
   }
 }));
 

src/custom/DashboardWidgets/GettingStartedWidget/GetStartedModal.tsx

@@ -65,7 +65,7 @@ interface GetStartedModalProps {
   handleOpen: () => void;
   stepsData: StepData[];
   profileData: ProfileData;
-  useUpdateUserPrefMutation: () => [(arg: { mapObject: any }) => void, any];
+  useUpdateUserPrefMutation: any;
   useGetOrgsQuery: any;
   currentOrgId: string;
   useGetUserOrgRolesQuery: any;
@@ -74,6 +74,7 @@ interface GetStartedModalProps {
   isAssignUserRolesAllowed: boolean;
   useLazyGetTeamsQuery: any;
   embedDesignPath: string;
+  isFromMeshery: boolean;
 }
 
 const Loading: React.FC<LoadingProps> = ({ showModal, handleClose, style }) => {
@@ -164,7 +165,8 @@ const GetStartedModal: React.FC<GetStartedModalProps> = ({
   useNotificationHandlers,
   isAssignUserRolesAllowed,
   useLazyGetTeamsQuery,
-  embedDesignPath
+  embedDesignPath,
+  isFromMeshery
 }) => {
   const [openModal, setOpenModal] = useState<boolean>(false);
   const [clicked, setClicked] = useState<number | undefined>(undefined);
@@ -191,9 +193,14 @@ const GetStartedModal: React.FC<GetStartedModalProps> = ({
           : [...completedSteps, id]
       }
     };
-    updatePref({
-      mapObject: completeWelcome
-    });
+    // different api use for the cloud and meshery
+    if (isFromMeshery) {
+      updatePref(completeWelcome);
+    } else {
+      updatePref({
+        mapObject: completeWelcome
+      });
+    }
     if (id === 3) {
       setInviteModal(true);
     } else {

src/custom/ShareModal/ShareModal.tsx

@@ -93,6 +93,11 @@ const AccessList: React.FC<AccessListProps> = ({
               <ListItemText
                 primary={`${actorData.first_name || ''} ${actorData.last_name || ''}`}
                 secondary={actorData.email}
+                secondaryTypographyProps={{
+                  sx: {
+                    color: theme.palette.background.neutral?.pressed
+                  }
+                }}
               />
               <ListItemSecondaryAction>
                 {ownerData.id === actorData.id ? (
@@ -293,7 +298,7 @@ const ShareModal: React.FC<ShareModalProps> = ({
                       </CustomSelect>
                       <Typography
                         sx={{
-                          color: theme.palette.text.secondary
+                          color: theme.palette.background.neutral?.pressed
                         }}
                         component="span"
                         variant="body2"