Merge pull request #372 from Saranya-jena/hub-3.0.0

Removed prerequisites and videos section for 3.0.0 changes
litmuschaos · Sep 25, 2023 · 7d1d02b · 7d1d02b
2 parents a120f3e + 4cb426d
commit 7d1d02b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 70 deletions.
diff --git a/app/client/src/components/ExperimentInfo/index.tsx b/app/client/src/components/ExperimentInfo/index.tsx
@@ -19,7 +19,6 @@ export function ExperimentInfo(props: ExpInfoProps) {
 			<div className={classes.expDesc}>
 				<ReactMarkdown source={description} />
 			</div>
-			{videoURL && <VideoFrame width={"775px"} src={videoEmbed || ""} />}
 		</div>
 	);
 }
diff --git a/app/client/src/components/UsefulLinks/index.tsx b/app/client/src/components/UsefulLinks/index.tsx
@@ -120,9 +120,12 @@ export function UsefulLinks(props: UsefulLinks) {
 	}
 	return (
 		<div className={classes.mainDiv}>
-			{createLinks("Useful Links", props.links)}
-			{createMaintainers(props.maintainers)}
+			{props.links.length > 0 && createLinks("Useful Links", props.links)}
+			{props.maintainers.length > 0 &&
+				createMaintainers(props.maintainers)}
 			{props.platforms &&
+				props.platforms.length > 0 &&
+				props.platforms &&
 				createPlatformData("Platforms", props.platforms)}
 			{props.maturity && createStaticData("Maturity", [props.maturity])}
 		</div>

diff --git a/app/client/src/pages/ExperimentPage/index.tsx b/app/client/src/pages/ExperimentPage/index.tsx
@@ -3,7 +3,6 @@ import { useSelector } from "react-redux";
 import {
 	BackButton,
 	ExperimentInfo,
-	InstallChaos,
 	UsefulLinks,
 	ExperimentHeader,
 } from "../../components";
@@ -60,7 +59,6 @@ function ExperimentPage(props: any) {
 			  chartGroup.experiments.filter(
 					(e) => e.metadataName === chartId
 			  )[0];
-
 	React.useEffect(() => {
 		window.scrollTo(0, 0);
 	}, []);
@@ -142,26 +140,6 @@ function ExperimentPage(props: any) {
 													classes.horizontalLine
 												}
 											/>
-											<div>
-												<div className={classes.note}>
-													PRE-REQUISITE:
-												</div>
-												<div>
-													<a
-														href="https://docs.litmuschaos.io/docs/getting-started/installation/"
-														target="_"
-													>
-														Install Litmus Operator
-													</a>
-													: a tool for injecting Chaos
-													Experiments
-												</div>
-											</div>
-											<hr
-												className={
-													classes.horizontalLine
-												}
-											/>
 										</div>
 									</div>
 									{/* Useful Links Section */}
@@ -174,49 +152,6 @@ function ExperimentPage(props: any) {
 										/>
 									</div>
 								</div>
-								{/* Install Chaos Section */}
-								<div className={classes.installLinks}>
-									<InstallChaos
-										title="Install this Chaos Experiment"
-										description="You can install the Chaos Experiment using the following command"
-										yamlLink={`kubectl apply -f ${hubUrl}`}
-									/>
-									<InstallChaos
-										description="In case you want to customize or download the yaml you can use from the link below"
-										yamlLink={hubUrl}
-										editBtn={true}
-									/>
-									{rbacUrl && (
-										<>
-											<InstallChaos
-												title="Setup Service Account (RBAC)"
-												description="Create a service account using the following command"
-												yamlLink={`kubectl apply -f ${rbacUrl}`}
-											/>
-											<InstallChaos
-												description="In case you want to customize or download the yaml you can use from the link below"
-												yamlLink={rbacUrl}
-												editBtn={true}
-											/>
-										</>
-									)}
-									{engineUrl && (
-										<>
-											<InstallChaos
-												title="Sample Chaos Engine"
-												description="Edit and copy the sample Chaos Engine yaml according to your application needs"
-												yamlLink={engineUrl}
-												editBtn={true}
-											/>
-											<InstallChaos
-												description="Once you download the yaml you can apply the yaml using the below command"
-												yamlLink={
-													"kubectl apply -f <chaosengine-yaml-manifest>"
-												}
-											/>
-										</>
-									)}
-								</div>
 							</div>
 						</div>
 					</div>

diff --git a/app/client/src/redux/reducers/charts.ts b/app/client/src/redux/reducers/charts.ts
@@ -47,7 +47,7 @@ export const chartData = createReducer<ChartData>(initialState, {
 						links: spec.Links
 							? spec.Links.map((l: any) => ({
 									name: l.Name,
-									url: l.Url,
+									url: l.URL,
 							  }))
 							: [],
 						chaosExpCRDLink: spec.ChaosExpCRDLink,
@@ -82,7 +82,7 @@ export const chartData = createReducer<ChartData>(initialState, {
 				links: spec.Links
 					? spec.Links.map((l: any) => ({
 							name: l.Name,
-							url: l.Url,
+							url: l.URL,
 					  }))
 					: [],
 				chaosExpCRDLink: spec.ChaosExpCRDLink,