sonar cloud fixes

ui/src/data/routeData.tsx

@@ -27,7 +27,6 @@ export type RouteId =
 	| "interview"
 	| "jsontotypescript"
 	| "mimetype"
-	| "mimetype"
 	| "movie"
 	| "newsfeed"
 	| "npmpackages"

ui/src/index.css

@@ -9,10 +9,6 @@
 @import "./styles/global.css";
 @import "./styles/other-overrides.css";
 
-/* * {
-	outline: 1px red solid;
-} */
-
 *,
 *::before,
 *::after {

ui/src/pages/About/About.module.scss

@@ -11,6 +11,7 @@
 
 		&__intro {
 			p {
+				text-align: right;
 				font-size: 14px;
 				background: linear-gradient(
 					to bottom,
@@ -22,12 +23,10 @@
 				background-repeat: repeat-y;
 				background-size: 1000% 1px;
 			}
+
 			&_text {
 				color: white !important;
 			}
-			p {
-				text-align: right;
-			}
 		}
 
 		&_cover {

ui/src/pages/CSS/BorderRadius/BorderRadius.module.scss

@@ -25,9 +25,6 @@ $br-dvh-25: 25dvh;
 				align-items: center;
 				justify-content: center;
 				height: $br-dvh-25;
-			}
-
-			&_text {
 				overflow: hidden;
 			}
 		}

ui/src/pages/CSS/BorderRadius/index.tsx

@@ -1,9 +1,9 @@
 import { useState } from "react";
 import { Card, Form, Slider } from "antd";
 import { PageGrid, InputGrid } from "components/Layouts";
-import { CodeHighlightWithCopy } from "components/General";
 import style from "./BorderRadius.module.scss";
 import {
+	CodeHighlightWithCopy,
 	ColorPickerWithInput,
 	ResponsiveInputWithLabel,
 	ResponsiveSegementWithLabel,

ui/src/pages/CSS/Units/index.tsx

@@ -1,8 +1,7 @@
 import React from "react";
-import styles from "./Units.module.scss";
 
 const Units: React.FC = () => {
-	return <div className={styles.root}></div>;
+	return <div></div>;
 };
 
 export default Units;

ui/src/pages/Colors/ColorPicker/index.tsx

@@ -1,8 +1,12 @@
 import React, { useEffect, useMemo, useState } from "react";
 import style from "./ColorPicker.module.scss";
 import { Card, Form, Space } from "antd";
-import { ColorPicker as CP } from "@mantine/core";
-import { INITIAL_COLOR, INITIAL_FORMAT } from "./utils/constants";
+import { ColorPicker as Cp } from "@mantine/core";
+import {
+	INITIAL_COLOR,
+	INITIAL_FORMAT,
+	FORMAT_LABELS,
+} from "./utils/constants";
 import ColorFormatTags from "./components/ColorFormatTags";
 import { Clipboard } from "components/ComponentInjector";
 import DisplayColors from "./components/DisplayColors";
@@ -11,7 +15,6 @@ import { CopyInput } from "components/Layouts";
 import { ResponsiveInputWithLabel } from "components/General";
 import useParamsValue from "hooks/useParamsValue";
 import { useDebounce } from "hooks/useDebounce";
-import { FORMAT_LABELS } from "./utils/constants";
 import { PARAMS } from "data/paramsData";
 import { ClipboardButton } from "components/InjectedComponent";
 
@@ -74,7 +77,7 @@ const ColorPicker: React.FC = () => {
 							/>
 						</Form.Item>
 
-						<CP
+						<Cp
 							format={format}
 							value={color}
 							onChange={(value) => {

ui/src/pages/Colors/ShadesAndTints/components/ColorInputs.tsx

@@ -10,7 +10,7 @@ import {
 	formatShades,
 	generateRandomColor,
 } from "pages/Colors/ShadesAndTints/utils/helper";
-import { useEffect, useState } from "react";
+import { useEffect, useState, ChangeEvent } from "react";
 import {
 	ColorPickerWithInput,
 	Icon,
@@ -19,7 +19,6 @@ import {
 	ResponsiveSegementWithLabel,
 	ResponsiveSelectWithLabel,
 } from "components/General";
-import { ChangeEvent } from "react";
 import { SelectOption } from "pages/Colors/ShadesAndTints/utils/types";
 import { ClipboardButton } from "components/InjectedComponent";
 

ui/src/pages/Generator/Avatar/index.tsx

@@ -1,8 +1,8 @@
 import { toPng, toJpeg } from "html-to-image";
 import { Card, Form, Slider, Avatar as AntAvatar, Space } from "antd";
-import { ColorPickerWithInput } from "components/General";
 import WebFont from "webfontloader";
 import {
+	ColorPickerWithInput,
 	DropdownDownloadButton,
 	Warning,
 	ResponsiveInputWithLabel,

ui/src/pages/Generator/Data/index.tsx

@@ -210,7 +210,7 @@ const DataGenerator: React.FC = () => {
 					</div>
 
 					<ResponsiveButton
-						disabled={tableName && colNum > 0 ? false : true}
+						disabled={!tableName || colNum <= 0}
 						onClick={onButtonClick}
 					>
 						Generate
@@ -220,41 +220,36 @@ const DataGenerator: React.FC = () => {
 				{result.length > 0 ? (
 					<Card>
 						<div className={style.dg__right}>
-							<>
-								<Space>
-									<ResponsiveButton
-										onClick={() => {
-											downloadTextFile(
-												result,
-												"data.sql"
-											);
-										}}
-									>
-										Download SQL
-									</ResponsiveButton>
-									<ResponsiveButton
-										onClick={() => {
-											downloadTextFile(
-												convertToJSON(
-													colNames,
-													rowNum,
-													result
-												),
-												"data.json"
-											);
-										}}
-									>
-										Download JSON
-									</ResponsiveButton>
-									<ResponsiveButton
-										onClick={() => clipboard.copy(result)}
-									>
-										{clipboard.copied ? "Copied" : "Copy"}
-									</ResponsiveButton>
-								</Space>
+							<Space>
+								<ResponsiveButton
+									onClick={() => {
+										downloadTextFile(result, "data.sql");
+									}}
+								>
+									Download SQL
+								</ResponsiveButton>
+								<ResponsiveButton
+									onClick={() => {
+										downloadTextFile(
+											convertToJSON(
+												colNames,
+												rowNum,
+												result
+											),
+											"data.json"
+										);
+									}}
+								>
+									Download JSON
+								</ResponsiveButton>
+								<ResponsiveButton
+									onClick={() => clipboard.copy(result)}
+								>
+									{clipboard.copied ? "Copied" : "Copy"}
+								</ResponsiveButton>
+							</Space>
 
-								<Output sql={result} json="" />
-							</>
+							<Output sql={result} json="" />
 						</div>
 					</Card>
 				) : null}

ui/src/pages/Information/Mimetype/components/MimeSearchResult.tsx

@@ -24,6 +24,7 @@ const MimeSearchResult: React.FC<MimeSearchResultProps> = ({
 			? filteredMimeType(data, searchQuery)
 			: data
 		: [];
+
 	return (
 		<Card>
 			<MimeSearch />

ui/src/pages/Markdown/Docs/index.tsx

@@ -1,9 +1,7 @@
 import React from "react";
 
-import styles from "./Docs.module.scss";
-
 const Docs: React.FC = () => {
-	return <div className={styles.root}></div>;
+	return <div></div>;
 };
 
 export default Docs;