format

opendatahub-io · Oct 11, 2023 · 53ea6d7 · 53ea6d7
1 parent a034d58
commit 53ea6d7
Show file tree

Hide file tree

Showing 14 changed files with 80 additions and 55 deletions.
diff --git a/backend/src/types.ts b/backend/src/types.ts
@@ -758,9 +758,9 @@ export type GPUInfo = {
 
 export type AcceleratorInfo = {
   configured: boolean;
-  available: {[key: string]: number};
-  total: {[key: string]: number};
-  allocated: {[key: string]: number};
+  available: { [key: string]: number };
+  total: { [key: string]: number };
+  allocated: { [key: string]: number };
 };
 
 export type EnvironmentVariable = EitherNotBoth<

diff --git a/frontend/src/components/OdhAppCard.tsx b/frontend/src/components/OdhAppCard.tsx
@@ -1,7 +1,15 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Link } from 'react-router-dom';
-import { AlertVariant, Button, Card, CardBody, CardFooter, CardHeader, Popover } from '@patternfly/react-core';
+import {
+  AlertVariant,
+  Button,
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  Popover,
+} from '@patternfly/react-core';
 import { Dropdown, DropdownItem, KebabToggle } from '@patternfly/react-core/deprecated';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 import { OdhApplication } from '~/types';

diff --git a/frontend/src/components/OdhDocCard.tsx b/frontend/src/components/OdhDocCard.tsx
@@ -139,7 +139,7 @@ const OdhDocCard: React.FC<OdhDocCardProps> = ({ odhDoc, favorite, updateFavorit
       <CardHeader
         actions={{
           actions: (
-              <FavoriteButton isFavorite={favorite} onClick={() => updateFavorite(!favorite)} />
+            <FavoriteButton isFavorite={favorite} onClick={() => updateFavorite(!favorite)} />
           ),
           hasNoOffset: true,
           className: undefined,

diff --git a/frontend/src/components/OdhExploreCard.tsx b/frontend/src/components/OdhExploreCard.tsx
@@ -56,36 +56,35 @@ const OdhExploreCard: React.FC<OdhExploreCardProps> = ({
         {...(!dashboardConfig.spec.dashboardConfig.disableISVBadges && {
           actions: {
             actions: (
-                <Flex
-                  spaceItems={{ default: 'spaceItemsSm' }}
-                  alignItems={{ default: 'alignItemsCenter' }}
-                  direction={{ default: 'column' }}
-                >
-                  {odhApp.spec.comingSoon && (
-                    <FlexItem className="odh-card__coming-soon">Coming soon</FlexItem>
-                  )}
-                  {!odhApp.spec.comingSoon && odhApp.spec.category && (
-                    <FlexItem className={badgeClasses}>
-                      <OdhExploreCardTypeBadge category={odhApp.spec.category} />
-                    </FlexItem>
-                  )}
-                  {odhApp.spec.beta && (
-                    <FlexItem className="odh-card__partner-badge odh-m-beta">Beta</FlexItem>
-                  )}
-                </Flex>
+              <Flex
+                spaceItems={{ default: 'spaceItemsSm' }}
+                alignItems={{ default: 'alignItemsCenter' }}
+                direction={{ default: 'column' }}
+              >
+                {odhApp.spec.comingSoon && (
+                  <FlexItem className="odh-card__coming-soon">Coming soon</FlexItem>
+                )}
+                {!odhApp.spec.comingSoon && odhApp.spec.category && (
+                  <FlexItem className={badgeClasses}>
+                    <OdhExploreCardTypeBadge category={odhApp.spec.category} />
+                  </FlexItem>
+                )}
+                {odhApp.spec.beta && (
+                  <FlexItem className="odh-card__partner-badge odh-m-beta">Beta</FlexItem>
+                )}
+              </Flex>
             ),
             hasNoOffset: true,
             className: undefined,
           },
-          selectableActions:  {
+          selectableActions: {
             // eslint-disable-next-line no-console
             selectableActionId: `${odhApp.metadata.name}-selectable-card-id`,
             name: `odh-explore-selectable-card`,
-            variant: "single",
+            variant: 'single',
             isChecked: isSelected,
-            onChange: () => !disabled && onSelect()
-          }
-
+            onChange: () => !disabled && onSelect(),
+          },
         })}
       >
         <BrandImage src={odhApp.spec.img} alt={odhApp.spec.displayName} />

diff --git a/frontend/src/components/SupportedAppTitle.tsx b/frontend/src/components/SupportedAppTitle.tsx
@@ -10,7 +10,11 @@ type SupportedAppTitleProps = {
   onClick?: () => void;
 };
 
-const SupportedAppTitle: React.FC<SupportedAppTitleProps> = ({ odhApp, showProvider = false, onClick }) => {
+const SupportedAppTitle: React.FC<SupportedAppTitleProps> = ({
+  odhApp,
+  showProvider = false,
+  onClick,
+}) => {
   let title = odhApp.spec.displayName;
   let icon;
 
@@ -35,9 +39,9 @@ const SupportedAppTitle: React.FC<SupportedAppTitleProps> = ({ odhApp, showProvi
 
   return (
     <CardTitle>
-        <Button variant={onClick ? "link" : "plain"} isInline onClick={onClick}>
-              {title}
-            </Button>
+      <Button variant={onClick ? 'link' : 'plain'} isInline onClick={onClick}>
+        {title}
+      </Button>
       {icon}
       {showProvider && odhApp.spec.provider && (
         <div>

diff --git a/frontend/src/concepts/k8s/NameDescriptionField.tsx b/frontend/src/concepts/k8s/NameDescriptionField.tsx
@@ -99,7 +99,12 @@ const NameDescriptionField: React.FC<NameDescriptionFieldProps> = ({
             {!disableK8sName && (
               <FormHelperText>
                 <HelperText>
-                  <HelperTextItem {...(!isValidK8sName(data.k8sName)  && { icon: <ExclamationCircleIcon />, variant: 'error'})}>
+                  <HelperTextItem
+                    {...(!isValidK8sName(data.k8sName) && {
+                      icon: <ExclamationCircleIcon />,
+                      variant: 'error',
+                    })}
+                  >
                     {`Must consist of lower case alphanumeric characters or '-', and must start and
                     end with an alphanumeric character`}
                   </HelperTextItem>

diff --git a/frontend/src/pages/modelServing/screens/metrics/MetricsChart.tsx b/frontend/src/pages/modelServing/screens/metrics/MetricsChart.tsx
@@ -102,9 +102,17 @@ const MetricsChart: React.FC<MetricsChartProps> = ({ title, color, metrics, unit
           ) : (
             <EmptyState variant={EmptyStateVariant.lg}>
               {metrics.loaded ? (
-                  <EmptyStateHeader titleText={metrics.error ? metrics.error.message : 'No available data'} headingLevel="h4" icon={<EmptyStateIcon icon={CubesIcon} />} />
+                <EmptyStateHeader
+                  titleText={metrics.error ? metrics.error.message : 'No available data'}
+                  headingLevel="h4"
+                  icon={<EmptyStateIcon icon={CubesIcon} />}
+                />
               ) : (
-                  <EmptyStateHeader titleText="Loading" headingLevel="h4" icon={<EmptyStateIcon icon={Spinner} />} />
+                <EmptyStateHeader
+                  titleText="Loading"
+                  headingLevel="h4"
+                  icon={<EmptyStateIcon icon={Spinner} />}
+                />
               )}
             </EmptyState>
           )}

diff --git a/...ges/modelServing/screens/projects/InferenceServiceModal/DataConnectionFolderPathField.tsx b/...ges/modelServing/screens/projects/InferenceServiceModal/DataConnectionFolderPathField.tsx
@@ -51,21 +51,20 @@ const DataConnectionFolderPathField: React.FC<DataConnectionFolderPathFieldProps
             placeholder="Example, data_folder"
             onChange={(e, folderPath: string) => handlePathChange(folderPath)}
           />
-
         </InputGroupItem>
       </InputGroup>
       <FormHelperText>
-            <HelperText>
-              <HelperTextItem
-                {...(validated === 'error' && { icon: <ExclamationCircleIcon /> })}
-                variant={validated}
-              >
-                {validated === 'error'
-                  ? 'The path must not point to a root folder.'
-                  : 'Enter a path to a model or folder. This path cannot point to a root folder.'}
-              </HelperTextItem>
-            </HelperText>
-          </FormHelperText>
+        <HelperText>
+          <HelperTextItem
+            {...(validated === 'error' && { icon: <ExclamationCircleIcon /> })}
+            variant={validated}
+          >
+            {validated === 'error'
+              ? 'The path must not point to a root folder.'
+              : 'Enter a path to a model or folder. This path cannot point to a root folder.'}
+          </HelperTextItem>
+        </HelperText>
+      </FormHelperText>
     </FormGroup>
   );
 };

diff --git a/.../src/pages/modelServing/screens/projects/ServingRuntimeModal/ServingRuntimeTokenInput.tsx b/.../src/pages/modelServing/screens/projects/ServingRuntimeModal/ServingRuntimeTokenInput.tsx
@@ -76,8 +76,12 @@ const ServingRuntimeTokenInput: React.FC<ServingRuntimeTokenInputProps> = ({
           />
           <FormHelperText>
             <HelperText>
-            <HelperTextItem {...(token.error && { icon: <ExclamationCircleIcon />, variant: 'error'})}>
-                {token.error ? token.error : 'Enter the service account name for which the token will be generated'}
+              <HelperTextItem
+                {...(token.error && { icon: <ExclamationCircleIcon />, variant: 'error' })}
+              >
+                {token.error
+                  ? token.error
+                  : 'Enter the service account name for which the token will be generated'}
               </HelperTextItem>
             </HelperText>
           </FormHelperText>

diff --git a/frontend/src/pages/projects/projectSharing/ProjectSharingNameInput.tsx b/frontend/src/pages/projects/projectSharing/ProjectSharingNameInput.tsx
@@ -6,9 +6,7 @@ import { ProjectSharingRBType } from '~/pages/projects/projectSharing/types';
 type ProjectSharingNameInputProps = {
   type: ProjectSharingRBType;
   value: string;
-  onChange: (
-    selection: string,
-  ) => void;
+  onChange: (selection: string) => void;
   onClear: () => void;
   placeholderText: string;
   typeAhead?: string[];

diff --git a/frontend/src/redux/types.ts b/frontend/src/redux/types.ts
@@ -1,4 +1,4 @@
-import { AlertVariant } from "@patternfly/react-core";
+import { AlertVariant } from '@patternfly/react-core';
 import * as React from 'react';
 
 export enum Actions {

diff --git a/frontend/src/utilities/useEnableApplication.tsx b/frontend/src/utilities/useEnableApplication.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { getValidationStatus, postValidateIsv } from '~/services/validateIsvService';
 import { addNotification, forceComponentsUpdate } from '~/redux/actions/actions';
 import { useAppDispatch } from '~/redux/hooks';
-import { Alert, AlertVariant } from "@patternfly/react-core";
+import { Alert, AlertVariant } from '@patternfly/react-core';
 
 export enum EnableApplicationStatus {
   INPROGRESS,

diff --git a/frontend/src/utilities/useNotification.ts b/frontend/src/utilities/useNotification.ts
@@ -1,4 +1,4 @@
-import { AlertVariant } from "@patternfly/react-core";
+import { AlertVariant } from '@patternfly/react-core';
 import * as React from 'react';
 import { addNotification } from '~/redux/actions/actions';
 import { useAppDispatch } from '~/redux/hooks';

diff --git a/frontend/src/utilities/useWatchBuildStatus.tsx b/frontend/src/utilities/useWatchBuildStatus.tsx
@@ -6,7 +6,7 @@ import { addNotification } from '~/redux/actions/actions';
 import { useAppDispatch } from '~/redux/hooks';
 import { useDeepCompareMemoize } from './useDeepCompareMemoize';
 import { POLL_INTERVAL } from './const';
-import { AppNotification } from "~/redux/types";
+import { AppNotification } from '~/redux/types';
 
 const runningStatuses = [
   BUILD_PHASE.new,