Revert "No fleets notification #373 (#3418)" (#3424)

This reverts commit 0644871.

Author: r4victor

frontend/src/hooks/useCheckingForFleetsInProjectsOfMember.ts

@@ -564,11 +564,6 @@
   },
 
   "fleets": {
-    "no_alert": {
-      "title": "No fleets",
-      "description": "The project has no fleets. Create one before submitting a run.",
-      "button_title": "Create a fleet"
-    },
     "fleet": "Fleet",
     "fleet_placeholder": "Filtering by fleet",
     "fleet_name": "Fleet name",

frontend/src/locale/en.json

@@ -1,13 +1,10 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { ButtonProps } from '@cloudscape-design/components/button';
 
-import { Alert, Button, Header, Loader, PropertyFilter, SpaceBetween, Table, Toggle } from 'components';
+import { Button, Header, Loader, PropertyFilter, SpaceBetween, Table, Toggle } from 'components';
 
 import { DEFAULT_TABLE_PAGE_SIZE } from 'consts';
 import { useBreadcrumbs, useCollection, useInfiniteScroll } from 'hooks';
-import { useCheckingForFleetsInProjects } from 'hooks/useCheckingForFleetsInProjectsOfMember';
-import { goToUrl } from 'libs';
 import { ROUTES } from 'routes';
 import { useLazyGetFleetsQuery } from 'services/fleet';
 
@@ -38,8 +35,6 @@ export const FleetList: React.FC = () => {
         isDisabledClearFilter,
     } = useFilters();
 
-    const projectHavingFleetMap = useCheckingForFleetsInProjects({});
-
     const { data, isLoading, refreshList, isLoadingMore } = useInfiniteScroll<IFleet, TFleetListRequestParams>({
         useLazyQuery: useLazyGetFleetsQuery,
         args: { ...filteringRequestParams, limit: DEFAULT_TABLE_PAGE_SIZE },
@@ -72,13 +67,6 @@ export const FleetList: React.FC = () => {
         deleteFleets([...selectedItems]).catch(console.log);
     };
 
-    const projectDontHasFleet = Object.keys(projectHavingFleetMap).find((project) => !projectHavingFleetMap[project]);
-
-    const onCreateAFleet: ButtonProps['onClick'] = (event) => {
-        event.preventDefault();
-        goToUrl('https://dstack.ai/docs/quickstart/#create-a-fleet', true);
-    };
-
     return (
         <Table
             {...collectionProps}
@@ -90,44 +78,25 @@ export const FleetList: React.FC = () => {
             stickyHeader={true}
             selectionType="multi"
             header={
-                <>
-                    {projectDontHasFleet && (
-                        <div className={styles.alertBox}>
-                            <Alert
-                                header={t('fleets.no_alert.title')}
-                                type="info"
-                                action={
-                                    <Button iconName="external" formAction="none" onClick={onCreateAFleet}>
-                                        {t('fleets.no_alert.button_title')}
-                                    </Button>
-                                }
-                            >
-                                The project <code>{projectDontHasFleet}</code> has no fleets. Create one before submitting a
-                                run.
-                            </Alert>
-                        </div>
-                    )}
-
-                    <Header
-                        variant="awsui-h1-sticky"
-                        actions={
-                            <SpaceBetween size="xs" direction="horizontal">
-                                <Button formAction="none" onClick={deleteClickHandle} disabled={isDisabledDeleteButton}>
-                                    {t('common.delete')}
-                                </Button>
-
-                                <Button
-                                    iconName="refresh"
-                                    disabled={isLoading}
-                                    ariaLabel={t('common.refresh')}
-                                    onClick={refreshList}
-                                />
-                            </SpaceBetween>
-                        }
-                    >
-                        {t('navigation.fleets')}
-                    </Header>
-                </>
+                <Header
+                    variant="awsui-h1-sticky"
+                    actions={
+                        <SpaceBetween size="xs" direction="horizontal">
+                            <Button formAction="none" onClick={deleteClickHandle} disabled={isDisabledDeleteButton}>
+                                {t('common.delete')}
+                            </Button>
+
+                            <Button
+                                iconName="refresh"
+                                disabled={isLoading}
+                                ariaLabel={t('common.refresh')}
+                                onClick={refreshList}
+                            />
+                        </SpaceBetween>
+                    }
+                >
+                    {t('navigation.fleets')}
+                </Header>
             }
             filter={
                 <div className={styles.filters}>

frontend/src/pages/Fleets/List/index.tsx

@@ -1,15 +1,3 @@
-.alertBox {
-    margin-bottom: 12px;
-
-    :global {
-        & [class^="awsui_alert"] {
-            & [class^="awsui_action-slot"] {
-                display: flex;
-                align-items: center;
-            }
-        }
-    }
-}
 .filters {
     display: flex;
     flex-wrap: wrap;

frontend/src/pages/Fleets/List/styles.module.scss

@@ -3,11 +3,9 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate, useParams } from 'react-router-dom';
 import { debounce } from 'lodash';
 import { ExpandableSection, Tabs } from '@cloudscape-design/components';
-import { ButtonProps } from '@cloudscape-design/components/button';
 import Wizard from '@cloudscape-design/components/wizard';
 
 import {
-    Alert,
     Box,
     Button,
     ButtonWithConfirmation,
@@ -24,7 +22,7 @@ import {
 import { HotspotIds } from 'layouts/AppLayout/TutorialPanel/constants';
 
 import { useBreadcrumbs, useNotifications } from 'hooks';
-import { goToUrl, riseRouterException } from 'libs';
+import { riseRouterException } from 'libs';
 import { copyToClipboard } from 'libs';
 import { ROUTES } from 'routes';
 import { useGetProjectQuery, useUpdateProjectMembersMutation, useUpdateProjectMutation } from 'services/project';
@@ -37,7 +35,6 @@ import { useDeleteProject } from 'pages/Project/hooks/useDeleteProject';
 import { ProjectMembers } from 'pages/Project/Members';
 import { getProjectRoleByUserName } from 'pages/Project/utils';
 
-import { useCheckingForFleetsInProjects } from '../../../../hooks/useCheckingForFleetsInProjectsOfMember';
 import { useBackendsTable } from '../../Backends/hooks';
 import { BackendsTable } from '../../Backends/Table';
 import { GatewaysTable } from '../../Gateways';
@@ -63,10 +60,6 @@ export const ProjectSettings: React.FC = () => {
     const { deleteProject, isDeleting } = useDeleteProject();
     const { data: currentUser } = useGetUserDataQuery({});
 
-    const projectNames = useMemo(() => [paramProjectName], [paramProjectName]);
-
-    const projectHavingFleetMap = useCheckingForFleetsInProjects({ projectNames });
-
     const { data, isLoading, error } = useGetProjectQuery({ name: paramProjectName });
 
     const { data: runsData } = useGetRunsQuery({
@@ -187,13 +180,6 @@ export const ProjectSettings: React.FC = () => {
 
     const [activeStepIndex, setActiveStepIndex] = React.useState(0);
 
-    const projectDontHasFleet = !projectHavingFleetMap?.[paramProjectName];
-
-    const onCreateAFleet: ButtonProps['onClick'] = (event) => {
-        event.preventDefault();
-        goToUrl('https://dstack.ai/docs/quickstart/#create-a-fleet', true);
-    };
-
     if (isLoadingPage)
         return (
             <Container>
@@ -205,22 +191,6 @@ export const ProjectSettings: React.FC = () => {
         <>
             {data && backendsData && gatewaysData && (
                 <SpaceBetween size="l">
-                    {projectDontHasFleet && (
-                        <div className={styles.alertBox}>
-                            <Alert
-                                header={t('fleets.no_alert.title')}
-                                type="info"
-                                action={
-                                    <Button iconName="external" formAction="none" onClick={onCreateAFleet}>
-                                        {t('fleets.no_alert.button_title')}
-                                    </Button>
-                                }
-                            >
-                                The project <code>{paramProjectName}</code> has no fleets. Create one before submitting a run.
-                            </Alert>
-                        </div>
-                    )}
-
                     {isProjectMember && (
                         <ExpandableSection
                             variant="container"

frontend/src/pages/Project/Details/Settings/index.tsx

@@ -8,17 +8,6 @@
     width: 300px;
 }
 
-.alertBox {
-    :global {
-        & [class^="awsui_alert"] {
-            & [class^="awsui_action-slot"] {
-                display: flex;
-                align-items: center;
-            }
-        }
-    }
-}
-
 .codeWrapper {
     position: relative;