help and fix lint

lifeparticle · Oct 29, 2023 · 40cd50f · 40cd50f
1 parent 59aabc2
commit 40cd50f
Show file tree

Hide file tree

Showing 9 changed files with 445 additions and 39 deletions.
diff --git a/ui/src/components/General/HelpIcon/components/Help/index.tsx b/ui/src/components/General/HelpIcon/components/Help/index.tsx
@@ -4,8 +4,23 @@ import React from "react";
 interface HelpProps {
 	helpObject: HelpEntry;
 }
+
 const Help: React.FC<HelpProps> = ({ helpObject }) => {
-	return <h1>{helpObject.description}</h1>;
+	return (
+		<div>
+			<p>{helpObject.description}</p>
+			{helpObject.helpTexts.map((helpText, index) => (
+				<div key={index}>
+					<h4>{helpText.title}</h4>
+					<ul>
+						{helpText.bulletPoints.map((bulletPoint, bpIndex) => (
+							<li key={bpIndex}>{bulletPoint}</li>
+						))}
+					</ul>
+				</div>
+			))}
+		</div>
+	);
 };
 
 export default Help;
diff --git a/ui/src/data/featureData.ts b/ui/src/data/featureData.ts
@@ -1,4 +1,4 @@
-import { routesById } from "data/routeData";
+import { RouteId, routesById } from "data/routeData";
 
 interface LibraryList {
 	[key: string]: string;
@@ -27,7 +27,7 @@ const LIBRARY_URLS: LibraryList = {
 };
 
 interface Feature {
-	key: string;
+	key: RouteId;
 	name: string;
 	shortDescription: string;
 	fullDescription: string;
@@ -344,3 +344,8 @@ export const FEATURE_DATA: Feature[] = [
 	// 	library: [{ name: "Vanilla JS", url: "" }],
 	// },
 ];
+
+export const featuresById = FEATURE_DATA.reduce((acc, feature) => {
+	acc[feature.key] = feature;
+	return acc;
+}, {} as Record<RouteId, Feature>);