kubeflow
/
notebooks
mirror of https://github.com/kubeflow/notebooks.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ws): Apply sentence case to text elements across UI (#497) 

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>

fix(ws): align nav item names with corresponding page headers

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>

fix(ws): apply sentence case, fix tests

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>

fix(ws): apply correct sentence case to TableTitleText
This commit is contained in:
Jenny 2025-07-24 09:29:01 -04:00 committed by GitHub
parent bd66a26175
commit a721c5073d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
16 changed files with 41 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
workspaces/frontend/src/__tests__/cypress/cypress/pages/home.ts
View File

@ -4,7 +4,7 @@ class Home {
}
findButton() {
return cy.get('button:contains("Create Workspace")');
return cy.get('button:contains("Create workspace")');
}
}

4
workspaces/frontend/src/app/AppRoutes.tsx
View File

@ -43,7 +43,7 @@ export const useAdminDebugSettings = (): NavDataItem[] => {
children: [{ label: 'Notebooks', path: '/notebookDebugSettings' }],
},
{
label: 'Workspace Kinds',
label: 'Workspace kinds',
path: AppRoutePaths.workspaceKinds,
},
];
@ -51,7 +51,7 @@ export const useAdminDebugSettings = (): NavDataItem[] => {
export const useNavData = (): NavDataItem[] => [
{
label: 'Notebooks',
label: 'Workspaces',
path: AppRoutePaths.workspaces,
},
...useAdminDebugSettings(),

2
workspaces/frontend/src/app/components/WorkspaceTable.tsx
View File

@ -394,7 +394,7 @@ const WorkspaceTable = React.forwardRef<WorkspaceTableRef, WorkspaceTableProps>(
toolbarActions={
canCreateWorkspaces && (
<Button variant="primary" ouiaId="Primary" onClick={createWorkspace}>
Create Workspace
Create workspace
</Button>
)
}

2
workspaces/frontend/src/app/context/WorkspaceActionsContext.tsx
View File

@ -213,7 +213,7 @@ export const WorkspaceActionsContextProvider: React.FC<WorkspaceActionsContextPr
isOpen
resourceName={activeWsAction.workspace.name}
namespace={activeWsAction.workspace.namespace}
title="Delete Workspace?"
title="Delete workspace?"
onClose={() => setActiveWsAction(null)}
onDelete={async () => executeDeleteAction()}
/>

4
workspaces/frontend/src/app/pages/WorkspaceKinds/Form/properties/WorkspaceKindFormProperties.tsx
View File

@ -76,9 +76,9 @@ export const WorkspaceKindFormProperties: React.FC<WorkspaceKindFormPropertiesPr
<TextInput
isDisabled={!properties.deprecated}
type="text"
label="Deprecation Message"
label="Deprecation message"
value={properties.deprecationMessage}
placeholder="Deprecation Message"
placeholder="Deprecation message"
onChange={(_, value) => updateField({ ...properties, deprecationMessage: value })}
id="workspace-kind-deprecated-msg"
/>

16
workspaces/frontend/src/app/pages/WorkspaceKinds/WorkspaceKinds.tsx
View File

@ -478,7 +478,7 @@ export const WorkspaceKinds: React.FunctionComponent = () => {
<DrawerContentBody>
<PageSection isFilled>
<Content>
<h1>Kubeflow Workspace Kinds</h1>
<h1>Workspace kinds</h1>
<p>View your existing workspace kinds.</p>
</Content>
<br />
@ -499,9 +499,9 @@ export const WorkspaceKinds: React.FunctionComponent = () => {
<ThemeAwareSearchInput
value={searchNameValue}
onChange={onSearchNameChange}
placeholder="Filter by Name"
fieldLabel="Find by Name"
aria-label="Filter by Name"
placeholder="Filter by name"
fieldLabel="Find by name"
aria-label="Filter by name"
/>
</ToolbarItem>
</ToolbarFilter>
@ -520,9 +520,9 @@ export const WorkspaceKinds: React.FunctionComponent = () => {
<ThemeAwareSearchInput
value={searchDescriptionValue}
onChange={onSearchDescriptionChange}
placeholder="Filter by Description"
fieldLabel="Find by Description"
aria-label="Filter by Description"
placeholder="Filter by description"
fieldLabel="Find by description"
aria-label="Filter by description"
/>
</ToolbarItem>
</ToolbarFilter>
@ -537,7 +537,7 @@ export const WorkspaceKinds: React.FunctionComponent = () => {
</ToolbarFilter>
<ToolbarItem>
<Button variant="primary" ouiaId="Primary" onClick={createWorkspaceKind}>
Create Workspace Kind
Create workspace kind
</Button>
</ToolbarItem>
</ToolbarGroup>

2
workspaces/frontend/src/app/pages/WorkspaceKinds/details/WorkspaceKindDetails.tsx
View File

@ -71,7 +71,7 @@ export const WorkspaceKindDetails: React.FunctionComponent<WorkspaceKindDetailsP
/>
<Tab
eventKey={podConfigsTabKey}
title={<TabTitleText>Pod Configs</TabTitleText>}
title={<TabTitleText>Pod configs</TabTitleText>}
tabContentId="podConfigsTabContent"
aria-label="Pod Configs"
/>

2
workspaces/frontend/src/app/pages/WorkspaceKinds/details/WorkspaceKindDetailsOverview.tsx
View File

@ -42,7 +42,7 @@ export const WorkspaceKindDetailsOverview: React.FunctionComponent<
</DescriptionListGroup>
<Divider />
<DescriptionListGroup>
<DescriptionListTerm>Deprecation Message</DescriptionListTerm>
<DescriptionListTerm>Deprecation message</DescriptionListTerm>
<DescriptionListDescription>{workspaceKind.deprecationMessage}</DescriptionListDescription>
</DescriptionListGroup>
<Divider />

8
workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummaryExpandableCard.tsx
View File

@ -54,7 +54,7 @@ const WorkspaceKindSummaryExpandableCard: React.FC<WorkspaceKindSummaryExpandabl
<Card isExpanded={isExpanded}>
<CardHeader onExpand={onExpandToggle}>
<CardTitle>
<Content component={ContentVariants.h2}>Workspaces Summary</Content>
<Content component={ContentVariants.h2}>Workspaces summary</Content>
</CardTitle>
</CardHeader>
<CardExpandableContent>
@ -71,7 +71,7 @@ const WorkspaceKindSummaryExpandableCard: React.FC<WorkspaceKindSummaryExpandabl
</FlexItem>
</SectionFlex>
<SectionDivider />
<SectionFlex title="Idle GPU Workspaces">
<SectionFlex title="Idle GPU workspaces">
<FlexItem>
<Bullseye>
<Button
@ -88,12 +88,12 @@ const WorkspaceKindSummaryExpandableCard: React.FC<WorkspaceKindSummaryExpandabl
</FlexItem>
<FlexItem>
<Bullseye>
<Content>Idle GPU Workspaces</Content>
<Content>Idle GPU workspaces</Content>
</Bullseye>
</FlexItem>
</SectionFlex>
<SectionDivider />
<SectionFlex title="Top GPU Consumer Namespaces">
<SectionFlex title="Top GPU consumer namespaces">
<FlexItem>
<Stack hasGutter>
{topGpuConsumersByNamespace.length > 0 ? (

8
workspaces/frontend/src/app/pages/Workspaces/Details/WorkspaceDetailsActivity.tsx
View File

@ -23,28 +23,28 @@ export const WorkspaceDetailsActivity: React.FunctionComponent<WorkspaceDetailsA
return (
<DescriptionList isHorizontal>
<DescriptionListGroup>
<DescriptionListTerm>Last Activity</DescriptionListTerm>
<DescriptionListTerm>Last activity</DescriptionListTerm>
<DescriptionListDescription data-testid="lastActivity">
{format(activity.lastActivity, DATE_FORMAT)}
</DescriptionListDescription>
</DescriptionListGroup>
<Divider />
<DescriptionListGroup>
<DescriptionListTerm>Last Update</DescriptionListTerm>
<DescriptionListTerm>Last update</DescriptionListTerm>
<DescriptionListDescription data-testid="lastUpdate">
{format(activity.lastUpdate, DATE_FORMAT)}
</DescriptionListDescription>
</DescriptionListGroup>
<Divider />
<DescriptionListGroup>
<DescriptionListTerm>Pause Time</DescriptionListTerm>
<DescriptionListTerm>Pause time</DescriptionListTerm>
<DescriptionListDescription data-testid="pauseTime">
{format(pausedTime, DATE_FORMAT)}
</DescriptionListDescription>
</DescriptionListGroup>
<Divider />
<DescriptionListGroup>
<DescriptionListTerm>Pending Restart</DescriptionListTerm>
<DescriptionListTerm>Pending restart</DescriptionListTerm>
<DescriptionListDescription data-testid="pendingRestart">
{pendingRestart ? 'Yes' : 'No'}
</DescriptionListDescription>

2
workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx
View File

@ -54,7 +54,7 @@ export const Workspaces: React.FunctionComponent = () => {
<PageSection isFilled>
<Stack hasGutter>
<StackItem>
<Content component={ContentVariants.h1}>Kubeflow Workspaces</Content>
<Content component={ContentVariants.h1}>Workspaces</Content>
</StackItem>
<StackItem>
<Content component={ContentVariants.p}>

4
workspaces/frontend/src/app/pages/Workspaces/workspaceActions/WorkspaceRedirectInformationView.tsx
View File

@ -93,7 +93,7 @@ export const WorkspaceRedirectInformationView: React.FC<WorkspaceRedirectInforma
eventKey={0}
title={
<TabTitleText>
Image Config {getLevelIcon(getMaxLevel(imageConfigRedirects))}
Image config {getLevelIcon(getMaxLevel(imageConfigRedirects))}
</TabTitleText>
}
>
@ -111,7 +111,7 @@ export const WorkspaceRedirectInformationView: React.FC<WorkspaceRedirectInforma
<Tab
eventKey={1}
title={
<TabTitleText>Pod Config {getLevelIcon(getMaxLevel(podConfigRedirects))}</TabTitleText>
<TabTitleText>Pod config {getLevelIcon(getMaxLevel(podConfigRedirects))}</TabTitleText>
}
>
{podConfigRedirects.map((redirect, index) => (

4
workspaces/frontend/src/app/pages/Workspaces/workspaceActions/WorkspaceRestartActionModal.tsx
View File

@ -38,7 +38,7 @@ export const WorkspaceRestartActionModal: React.FC<RestartActionAlertProps> = ({
aria-labelledby="title-icon-modal-title"
onClose={onClose}
>
<ModalHeader title="Restart Workspace" />
<ModalHeader title="Restart workspace" />
<ModalBody>
{workspacePendingUpdate ? (
<>
@ -54,7 +54,7 @@ export const WorkspaceRestartActionModal: React.FC<RestartActionAlertProps> = ({
</ModalBody>
<ModalFooter>
{workspacePendingUpdate && (
<Button onClick={() => handleClick(true)}>Update and Restart</Button>
<Button onClick={() => handleClick(true)}>Update and restart</Button>
)}
<Button
onClick={() => handleClick(false)}

6
workspaces/frontend/src/app/pages/Workspaces/workspaceActions/WorkspaceStopActionModal.tsx
View File

@ -86,7 +86,7 @@ export const WorkspaceStopActionModal: React.FC<StopActionAlertProps> = ({
aria-labelledby="title-icon-modal-title"
onClose={onClose}
>
<ModalHeader title="Stop Workspace" />
<ModalHeader title="Stop workspace" />
<ModalBody>
{workspacePendingUpdate ? (
<>
@ -103,11 +103,11 @@ export const WorkspaceStopActionModal: React.FC<StopActionAlertProps> = ({
<ModalFooter>
{shouldShowActionButton('updateAndStop') && workspacePendingUpdate && (
<ActionButton
action="Update and Stop"
action="Update and stop"
titleOnLoading="Stopping ..."
onClick={() => handleUpdateAndStop()}
>
Update and Stop
Update and stop
</ActionButton>
)}

12
workspaces/frontend/src/shared/components/Filter.tsx
View File

@ -65,6 +65,11 @@ const Filter = React.forwardRef<FilterRef, FilterProps>(
[activeFilter.columnKey, columnDefinition],
);
const textInputActiveFilterLabel = useMemo(
() => activeFilterLabel.toLowerCase(),
[activeFilterLabel],
);
const handleFilterMenuKeys = useCallback(
(event: KeyboardEvent) => {
if (!isFilterMenuOpen) {
@ -174,7 +179,6 @@ const Filter = React.forwardRef<FilterRef, FilterProps>(
columnKey: Object.keys(columnDefinition)[0],
value: '',
});
setFilters([]);
}, [columnDefinition, setFilters]);
useImperativeHandle(ref, () => ({
@ -262,9 +266,9 @@ const Filter = React.forwardRef<FilterRef, FilterProps>(
data-testid={`${id}-search-input`}
value={searchValue}
onChange={onSearchChange}
placeholder={`Filter by ${activeFilterLabel}`}
fieldLabel={`Find by ${activeFilterLabel}`}
aria-label={`Filter by ${activeFilterLabel}`}
placeholder={`Filter by ${textInputActiveFilterLabel}`}
fieldLabel={`Find by ${textInputActiveFilterLabel}`}
aria-label={`Filter by ${textInputActiveFilterLabel}`}
/>
</ToolbarItem>
{filters.map(

5
workspaces/frontend/src/shared/style/MUI-theme.scss
View File

@ -154,8 +154,6 @@
--pf-v6-c-button--PaddingInlineStart: var(--mui-button--PaddingInlineStart);
--pf-v6-c-button--PaddingInlineEnd: var(--mui-button--PaddingInlineEnd);
--pf-v6-c-button--LineHeight: var(--mui-button--LineHeight);
text-transform: var(--mui-text-transform);
letter-spacing: 0.02857em;
}
@ -546,13 +544,11 @@
--mui-palette-primary-dark
);
text-transform: var(--mui-text-transform);
font-weight: var(--mui-button-font-weight);
letter-spacing: 0.02857em;
}
.mui-theme .pf-v6-c-menu-toggle__button {
text-transform: var(--mui-text-transform);
font-weight: var(--mui-button-font-weight);
letter-spacing: 0.02857em;
align-self: stretch;
@ -765,7 +761,6 @@
}
.mui-theme .pf-v6-c-tabs__link {
text-transform: var(--mui-text-transform);
font-weight: var(--mui-button-font-weight);
line-height: var(--mui-button-line-height);
letter-spacing: 0.02857em;