Move Register Component to Redux

[dvaldivia]

Signed-off-by: Daniel Valdivia 18384552+dvaldivia@users.noreply.github.com

[prakashsvmx]

@dvaldivia could you please resolve the conflicts ?

[dvaldivia]

resolved @prakashsvmx

[prakashsvmx]

@dvaldivia
The registration is done in SUBNET but the license is not reflected in Console.
Tried with the following flows:

• Login
• API Key
• Registered via mc

When tried with local SUBNET dev

[dvaldivia]

@prakashsvmx can you also test on master? I think it's also broken there, I'll debug this and try to come up with a fix

[dvaldivia]

@prakashsvmx I've verified the same problem happens on master, will address it either in this PR or a separate one

[dvaldivia]

@prakashsvmx issue has been addressed

[allanrogerr]

Validated licence available in console

[prakashsvmx]

One minor review comment.

Tested the following Flows: Changes look Good to me 👍

MinIO Console

• Online Registration
• API Key Registration
• Air-Gap Registration

Operator Console

• API Key Registration

[prakashsvmx]

Suggested change

	<Fragment>
	<Fragment>
	<Box
	sx={{
	border: "1px solid #eaeaea",
	borderRadius: "2px",
	display: "flex",
	flexFlow: "column",
	padding: "43px",
	}}
	>
	{clusterRegistered && licenseInfo ? (
	<ClusterRegistered email={licenseInfo.email} />
	) : (
	<Fragment>
	<Box
	sx={{
	"& .title-text": {
	marginLeft: "27px",
	fontWeight: 600,
	},
	}}
	>
	<FormTitle
	icon={<OfflineRegistrationIcon />}
	title={`Register cluster in an Air-gap environment`}
	/>
	</Box>
	<Box
	sx={{
	display: "flex",
	}}
	>
	<Box
	sx={{
	display: "flex",
	flexFlow: "column",
	flex: "2",
	marginTop: "15px",
	"& .step-number": {
	color: "#ffffff",
	height: "25px",
	width: "25px",
	background: "#081C42",
	marginRight: "10px",
	textAlign: "center",
	fontWeight: 600,
	borderRadius: "50%",
	},
	"& .step-row": {
	fontSize: "16px",
	display: "flex",
	marginTop: "15px",
	marginBottom: "15px",
	},
	}}
	>
	<Box>
	<Box className="step-row">
	<div className="step-text">
	Click on the link to register this cluster in SUBNET
	</div>
	</Box>
	<Box
	sx={{
	flex: "1",
	display: "flex",
	alignItems: "center",
	gap: 3,
	}}
	>
	<Link
	style={{
	color: "#2781B0",
	cursor: "pointer",
	}}
	color="inherit"
	href={offlineRegUrl}
	target="_blank"
	>
	https://subnet.min.io/cluster/register
	</Link>
	<TooltipWrapper tooltip={"Copy to Clipboard"}>
	<CopyToClipboard text={offlineRegUrl}>
	<Button
	type={"button"}
	id={"copy-ult-to-clip-board"}
	icon={<CopyIcon />}
	color={"primary"}
	variant={"regular"}
	/>
	</CopyToClipboard>
	</TooltipWrapper>
	</Box>
	<div
	style={{
	marginTop: "25px",
	fontSize: "14px",
	fontStyle: "italic",
	color: "#5E5E5E",
	}}
	>
	If this machine does not have internet connection, Copy
	paste the following URL in a browser where you access SUBNET
	and follow the instructions to complete the registration
	</div>
	</Box>
	</Box>
	<RegisterHelpBox />
	</Box>
	</Fragment>
	)}
	</Box>
	</Fragment>

[prakashsvmx]

Once the cluster is registered in Air-Gap mode, the registration instructions could be hidden like other methods.