Skip to content

Update to installation process #2130

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

bipuladh
Copy link
Contributor

No description provided.

Copy link
Contributor

openshift-ci bot commented Jun 25, 2025

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: bipuladh

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

<EmptyStateFooter>
<EmptyStateActions>
<Button
variant="primary"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Provided we have the ButtonVariant enum, we should use it in all places for code consistency, otherwise there is no point in having such enum (using it in some places and not in others is inconsistent).
A good improvement is to create a custom rule in the linter that detects these attributes without proper enum usage.

@@ -0,0 +1,10 @@
.odf-storage-cluster-create-modal__setup-card {
max-width: 25em;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just to confirm: is em chosen due to parent? em is tied to the parent element while rem is tied to the root.

@bipuladh bipuladh force-pushed the new-install-flow branch from 9a46636 to d75b673 Compare July 3, 2025 05:47
@bipuladh bipuladh changed the title [WIP] Update to installation process Update to installation process Jul 3, 2025
Adds support for new modal
Adds support for redirection to new installation flow
Removes deployment type selection in cluster creation wizard
Removes external system seleciton flow in cluster creation wizard

Signed-off-by: Bipul Adhikari <[email protected]>
@bipuladh bipuladh force-pushed the new-install-flow branch from d75b673 to 6bff752 Compare July 3, 2025 11:46
Comment on lines +96 to +97
<>
<PageHeading title={getPageTitle(location.pathname, t)} />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<>
<PageHeading title={getPageTitle(location.pathname, t)} />
<>
<Helmet>
<title>{getPageTitle(location.pathname, t)}</title>
</Helmet>
<PageHeading title={getPageTitle(location.pathname, t)} />

@alfonsomthd
Copy link
Collaborator

LGTM. Please add screenshots. @SanjalKatiyar to tag.

Copy link
Contributor

openshift-ci bot commented Jul 3, 2025

@bipuladh: The following test failed, say /retest to rerun all failed tests or /retest-required to rerun all mandatory failed tests:

Test name Commit Details Required Rerun command
ci/prow/odf-console-e2e-aws 6bff752 link true /test odf-console-e2e-aws

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.

@@ -580,11 +584,11 @@
"Data Foundation does not support HDD disks as local devices. Select SSD if you plan to use Data Foundation.": "Data Foundation does not support HDD disks as local devices. Select SSD if you plan to use Data Foundation.",
"Data Foundation endpoint": "Data Foundation endpoint",
"Data foundation must be {{version}} or above.": "Data foundation must be {{version}} or above.",
"Data Foundation simplifies persistent storage and data services across your cloud-native infrastructure": "Data Foundation simplifies persistent storage and data services across your cloud-native infrastructure",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

across your cloud-native infrastructure

isn't this wrong ?? we have non-cloud use cases as well.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

even if microcopy is pending, IMO we shouldn't add incorrect text, we will get bugs later otherwise.

"type": "console.navigation/href",
"properties": {
"id": "storage-overview",
"insertBefore": "odfdashboard",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we won't be having odfdashboard anymore right ?? It's replaced by storage-overview IIUC.

"id": "storage-object",
"insertAfter": "storage-overview",
"section": "storage",
"name": "%plugin__odf-console~Obejct Storage%",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"name": "%plugin__odf-console~Obejct Storage%",
"name": "%plugin__odf-console~Object Storage%",

Comment on lines +105 to +116
"type": "console.navigation/href",
"properties": {
"id": "storage-object",
"insertAfter": "storage-overview",
"section": "storage",
"name": "%plugin__odf-console~Obejct Storage%",
"href": "/odf/mcg"
},
"flags": {
"required": ["ODF_MODEL", "ODF_ADMIN"]
}
},
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we already have Object storage nav, why add another one ??

"id": "storage-object",
"insertAfter": "storage-overview",
"section": "storage",
"name": "%plugin__odf-console~Obejct Storage%",
Copy link
Collaborator

@SanjalKatiyar SanjalKatiyar Jul 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as per current implementation we only show it once rgw/mcg is deployed. do we now need to show always ??

"insertAfter": "storage-overview",
"section": "storage",
"name": "%plugin__odf-console~Obejct Storage%",
"href": "/odf/mcg"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"href": "/odf/mcg"
"href": "/odf/object-storage"

we have rgw as well, /mcg seems incorrect...

Comment on lines +31 to +32
// eslint-disable-next-line no-console
console.log('Redirecting to ', installationFlow);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
// eslint-disable-next-line no-console
console.log('Redirecting to ', installationFlow);

>
<CardHeader
selectableActions={{
onClickAction: redirectTo('storage-cluster'),
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
onClickAction: redirectTo('storage-cluster'),
onClickAction: redirectTo(StartingPoint.STORAGE_CLUSTER),

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

similarly at other places...

Comment on lines +140 to +145
type DataFoundationInitialCreateModalProps = {
closeModal: () => void;
};

export const StorageClusterCreateModal: React.FC<
DataFoundationInitialCreateModalProps
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
type DataFoundationInitialCreateModalProps = {
closeModal: () => void;
};
export const StorageClusterCreateModal: React.FC<
DataFoundationInitialCreateModalProps
type StorageClusterCreateModalProps = {
closeModal: () => void;
};
export const StorageClusterCreateModal: React.FC<
StorageClusterCreateModalProps

<ConfigureDFSelections closeModal={closeModal} />
</Modal>
);
};
Copy link
Collaborator

@SanjalKatiyar SanjalKatiyar Jul 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

File name is EmptyStateCreateModal.tsx, but there is no component with such name. I think it's good to either rename the file to StorageClusterCreateModal.tsx or rename component to EmptyStateCreateModal.

EmptyStateIcon,
} from '@patternfly/react-core';
import { StorageDomainIcon } from '@patternfly/react-icons';
import { StorageClusterCreateModal } from '../../../modals/ConfigureDF/EmptyStateCreateModal';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nits:

Suggested change
import { StorageClusterCreateModal } from '../../../modals/ConfigureDF/EmptyStateCreateModal';
import { StorageClusterCreateModal } from '@odf/core/modals/ConfigureDF/EmptyStateCreateModal';

import { StorageClusterCreateModal } from '../../../modals/ConfigureDF/EmptyStateCreateModal';

const getPageTitle = (path: string, t: TFunction) => {
if (path.includes('storage-cluster')) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
if (path.includes('storage-cluster')) {
if (path.includes(StartingPoint.StorageCluster)) {

const pathParts = pathname.split('/');
const lastPart = pathParts.pop();
switch (lastPart) {
case 'storage-cluster':
Copy link
Collaborator

@SanjalKatiyar SanjalKatiyar Jul 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

plz use StartingPoint enum...

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same for other cases...

Comment on lines +120 to +127
<Button
variant="link"
onClick={() => {
return null;
}}
>
{t('Documentation link')}
</Button>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nits: better to not show it at all until we have doc link (if we miss adding link, we will get unnecessary bugs later)... and add a ToDo comment instead...

Suggested change
<Button
variant="link"
onClick={() => {
return null;
}}
>
{t('Documentation link')}
</Button>

"id": "storage-object",
"insertAfter": "storage-overview",
"section": "storage",
"name": "%plugin__odf-console~Obejct Storage%",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"name": "%plugin__odf-console~Obejct Storage%",
"name": "%plugin__odf-console~Object Storage%",

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants