update

ui/CHANGELOG.md

@@ -1,4 +1,8 @@
-### ### [11.0.0] - 2024-05-12
+### [11.1.0] - 2024-05-12
+
+-   New resource - Templates
+
+### [11.0.0] - 2024-05-12
 
 -   New feature - JWT converter
 

ui/public/resource/template.json

@@ -0,0 +1,15 @@
+[
+	{
+		"name": "reactjs-starter-template-antd",
+		"category": "React",
+		"subCategory": "",
+		"url": "https://github.com/lifeparticle/reactjs-starter-template-antd/tree/main",
+		"socials": []
+	},
+	{
+		"name": "reactjs-starter-template-mui",
+		"category": "React",
+		"subCategory": "",
+		"url": "https://github.com/lifeparticle/reactjs-starter-template-mui"
+	}
+]

ui/src/data/menuData.ts

@@ -359,6 +359,12 @@ export const MENU_ITEMS = [
 				icon: "Vote",
 				show: true,
 			},
+			{
+				name: routesById.template.title,
+				url: routesById.template.path,
+				icon: "Template",
+				show: true,
+			},
 			{
 				name: routesById.tool.title,
 				url: routesById.tool.path,

ui/src/data/routeData.tsx

@@ -49,6 +49,7 @@ import {
 	TableOfContent,
 	Terms,
 	TextEditor,
+	Template,
 	Tool,
 	TvSeries,
 	UiUx,
@@ -110,6 +111,7 @@ export type RouteId =
 	| "tableofcontent"
 	| "terms"
 	| "texteditor"
+	| "template"
 	| "tool"
 	| "tvseries"
 	| "uiux"
@@ -366,6 +368,13 @@ export const routes: Route[] = [
 		description: "Take a peek at the survey results.",
 		component: Survey,
 	},
+	{
+		id: "template",
+		path: "/resource/template",
+		title: "Templates",
+		description: "Templates to make your projects a breeze.",
+		component: Template,
+	},
 	{
 		id: "tool",
 		path: "/resource/tool",

ui/src/pages/Resource/Template/Template.tsx

@@ -0,0 +1,23 @@
+import { Resource } from "components/InjectedComponent";
+import { ListSearchResults } from "components/ComponentInjector";
+import { useFetch } from "hooks";
+import { FC } from "react";
+
+const URL = `./template.json`;
+const QUERY_KEY = "template";
+
+const Template: FC = () => {
+	const { data, isLoading, isError } = useFetch(QUERY_KEY, URL);
+
+	return (
+		<ListSearchResults
+			items={data}
+			resourceName={QUERY_KEY}
+			itemComponent={Resource}
+			isLoading={isLoading}
+			isError={isError}
+		/>
+	);
+};
+
+export default Template;

ui/src/pages/Resource/Template/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Template";

ui/src/pages/index.ts

@@ -43,6 +43,7 @@ const Movie = lazy(() => import("pages/Resource/Movie"));
 const Platform = lazy(() => import("pages/Resource/Platform"));
 const Plugin = lazy(() => import("pages/Resource/Plugin"));
 const Survey = lazy(() => import("pages/Resource/Survey"));
+const Template = lazy(() => import("pages/Resource/Template"));
 const Tool = lazy(() => import("pages/Resource/Tool"));
 const TvSeries = lazy(() => import("pages/Resource/TvSeries"));
 const UiUx = lazy(() => import("pages/Resource/UiUx"));
@@ -117,6 +118,7 @@ export {
 	Svg,
 	TableGenerator,
 	TableOfContent,
+	Template,
 	Terms,
 	TextEditor,
 	Tool,