refactor

lifeparticle · Sep 14, 2023 · 7ae49e9 · 7ae49e9
1 parent 103a632
commit 7ae49e9
Show file tree

Hide file tree

Showing 6 changed files with 72 additions and 44 deletions.
diff --git a/ui/src/components/Layouts/Menu/utils/constants.ts b/ui/src/components/Layouts/Menu/utils/constants.ts
@@ -209,13 +209,13 @@ export const MENU_ITEMS = [
 		show: true,
 		children: [
 			{
-				name: "Markdown Editor",
+				name: "Editor",
 				url: "/markdown/me",
 				icon: "FileEdit",
 				show: true,
 			},
 			{
-				name: "MD Table Generator",
+				name: "Table",
 				url: "/markdown/md-table-generator",
 				icon: "Dice5",
 				show: true,

diff --git a/ui/src/index.css b/ui/src/index.css
@@ -78,7 +78,7 @@ h5 {
 	overflow-x: auto;
 	overflow-y: auto;
 	max-height: 100dvh;
-	padding: var(--bt-size-10);
+	padding: var(--bt-size-10) var(--bt-size-10) 0 var(--bt-size-10);
 	scroll-behavior: smooth;
 }
 

diff --git a/ui/src/pages/About/components/Footer.module.scss b/ui/src/pages/About/components/Footer.module.scss
@@ -1,7 +1,8 @@
 .footer {
 	margin-top: var(--bt-size-20);
+	margin-left: calc(var(--bt-size-10) * -1);
+	margin-right: calc(var(--bt-size-10) * -1);
 	padding: var(--bt-size-10);
-	border-top: 1px dashed #969696;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;

diff --git a/ui/src/pages/About/components/Footer.tsx b/ui/src/pages/About/components/Footer.tsx
@@ -1,15 +1,23 @@
 import React from "react";
 import style from "./Footer.module.scss";
 import Icon from "components/General/Icon";
-import { Typography } from "antd";
+import { Typography, theme } from "antd";
 import { ResponsiveButton } from "components/General/FormComponents";
 
 const Footer: React.FC = () => {
+	const {
+		token: { colorBgContainer },
+	} = theme.useToken();
+
 	return (
-		<div className={style.footer}>
+		<div
+			className={style.footer}
+			style={{ backgroundColor: colorBgContainer }}
+		>
 			<div className={style.footer__left}>
-				<Typography.Text>&copy; 2023 Binarytree.</Typography.Text>
-
+				<Typography.Text>
+					&copy; {new Date().getFullYear()}
+				</Typography.Text>
 				<ul>
 					<li>
 						<a
@@ -21,10 +29,15 @@ const Footer: React.FC = () => {
 					</li>
 
 					<li>
-						<a href="#">Privacy policy</a>
+						<a href="#">Privacy</a>
 					</li>
 					<li>
-						<a href="#">Terms </a>
+						<a href="#">Terms</a>
+					</li>
+					<li>
+						<a href="https://github.com/lifeparticle/binarytree#status">
+							Status
+						</a>
 					</li>
 				</ul>
 			</div>

diff --git a/ui/src/pages/About/utils/constants.tsx b/ui/src/pages/About/utils/constants.tsx
@@ -171,49 +171,63 @@ const FEATURE_COLUMNS: ColumnsType<Feature> = [
 const FEATURE_DATA: Feature[] = [
 	{
 		key: "1",
+		name: "Newsfeed",
+		description: "Tech news",
+		link: "/",
+		library: [{ name: "Vanilla JS", url: "" }],
+	},
+	{
+		key: "2",
 		name: "Color Picker",
 		description: "Choose your desired color",
 		link: "/colors/cp",
 		library: [{ name: "tiny-color-2", url: LIBRARY_URLS["tiny-color-2"] }],
 	},
 	{
-		key: "2",
-		name: "Shades & Tints Generator",
+		key: "3",
+		name: "Shades & Tints",
 		description: "Choose your desired Shades and Tints",
 		link: "/colors/shades",
 		library: [{ name: "values.js", url: LIBRARY_URLS["values.js"] }],
 	},
 	{
-		key: "3",
+		key: "4",
 		name: "Border Radius",
 		description: "Choose your desired border radius",
 		link: "/css/br",
 		library: [{ name: "faker.js", url: LIBRARY_URLS["faker-js"] }],
 	},
+	// {
+	// 	key: "5",
+	// 	name: "Border Shadow",
+	// 	description: "Choose your desired border radius",
+	// 	link: "/css/br",
+	// 	library: [{ name: "faker.js", url: LIBRARY_URLS["faker-js"] }],
+	// },
 	{
-		key: "3",
+		key: "6",
 		name: "SVG Formatter",
 		description: "Merge svg path",
 		link: "/css/svg-formatter",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 	{
-		key: "4",
-		name: "Base 64 Converter",
+		key: "7",
+		name: "Base64",
 		description: "Convert text to base64",
 		link: "/converter/base-64",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 	{
-		key: "5",
-		name: "Pixel converter",
+		key: "8",
+		name: "Pixel",
 		description: "Convert pixel to rem",
 		link: "/converter/pixel",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 	{
-		key: "6",
-		name: "Json to typescript converter",
+		key: "9",
+		name: "Json To Typescript",
 		description: "Convert Json to typescript",
 		link: "/converter/jtt",
 		library: [
@@ -224,8 +238,8 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "7",
-		name: "Data Generator",
+		key: "10",
+		name: "Data",
 		description: "Generate any type of data",
 		link: "/generator/data",
 		library: [
@@ -240,8 +254,8 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "8",
-		name: "Image generate from colors",
+		key: "11",
+		name: "Image",
 		description: "Generate image from color code",
 		link: "/generator/igfc",
 		library: [
@@ -260,8 +274,8 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "9",
-		name: "Avatar generator",
+		key: "12",
+		name: "Avatar",
 		description: "Generate avatar from text",
 		link: "/generator/avatar",
 		library: [
@@ -280,29 +294,29 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "17",
-		name: "QR code generator",
+		key: "13",
+		name: "QR Code",
 		description: "Generate QR code from text",
 		link: "/generator/qrcode",
 		library: [],
 	},
 	{
-		key: "10",
+		key: "14",
 		name: "Sorting",
 		description: "Sort numbers or strings",
 		link: "/generator/sorting",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 	{
-		key: "11",
+		key: "15",
 		name: "List",
 		description: "List of things",
 		link: "/list/blog",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 	{
-		key: "12",
-		name: "Markdown Editor",
+		key: "16",
+		name: "Editor",
 		description: "Write markdown and download",
 		link: "/markdown/me",
 		library: [
@@ -313,8 +327,8 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "13",
-		name: "Markdown table generator",
+		key: "17",
+		name: "Table",
 		description: "Generate a table from the markdown",
 		link: "/markdown/md-table-generator",
 		library: [
@@ -325,8 +339,8 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "14",
-		name: "Markdown table of content",
+		key: "18",
+		name: "Table of content",
 		description: "Generate table from markdown",
 		link: "/markdown/toc",
 		library: [
@@ -337,7 +351,7 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "15",
+		key: "19",
 		name: "Text Editor",
 		description: "Generate rich text",
 		link: "/text/te",
@@ -349,10 +363,10 @@ const FEATURE_DATA: Feature[] = [
 		],
 	},
 	{
-		key: "16",
-		name: "News",
-		description: "Tech news",
-		link: "/",
+		key: "20",
+		name: "Mimetype",
+		description: "Search mimetype",
+		link: "/info/mimetype",
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
 ];

diff --git a/ui/src/pages/Routes/utils/constant.tsx b/ui/src/pages/Routes/utils/constant.tsx
@@ -81,7 +81,7 @@ const routes: Route[] = [
 	},
 	{
 		path: "/converter/jtt",
-		title: "Json To Typescript Converter",
+		title: "Json To Typescript",
 		component: JsonToTypescript,
 	},
 	{
@@ -176,12 +176,12 @@ const routes: Route[] = [
 	},
 	{
 		path: "/markdown/me",
-		title: "Markdown Editor",
+		title: "Editor",
 		component: MarkdownEditor,
 	},
 	{
 		path: "/markdown/md-table-generator",
-		title: "Markdown Table Generator",
+		title: "Table",
 		component: TableGenerator,
 	},
 	{