sonar lint

ui/src/api/API.ts

@@ -16,9 +16,9 @@ async function makeRequest(url: string, method = "GET", data = null) {
 		if (url.includes(".json")) {
 			return await response.json();
 		}
-		if (contentType && contentType.includes("application/json")) {
+		if (contentType?.includes("application/json")) {
 			return await response.json();
-		} else if (contentType && contentType.includes("application/xml")) {
+		} else if (contentType?.includes("application/xml")) {
 			return await response.text();
 		} else {
 			return await response.text();

ui/src/components/General/ColorPickerWithInput/index.tsx

@@ -1,6 +1,6 @@
 import { Card } from "antd";
 import { ResponsiveInputWithLabel } from "components/General";
-import { ColorPicker as CP } from "@mantine/core";
+import { ColorPicker as Cp } from "@mantine/core";
 import style from "./ColorPickerWithInput.module.scss";
 
 interface ColorPickerWithInputProps {
@@ -27,7 +27,7 @@ const ColorPickerWithInput: React.FC<ColorPickerWithInputProps> = ({
 				<div className={style.cpwi__color}>
 					<Card size="small" style={{ background: value }} />
 					<div className={style.cpwi__color_dp}>
-						<CP
+						<Cp
 							format="rgba"
 							value={value}
 							onChange={setColor}

ui/src/components/General/FallbackComponent/index.tsx

@@ -8,15 +8,13 @@ const FallbackComponent: React.FC = () => {
 			<Alert
 				message={"Something went wrong"}
 				description={
-					<>
 						<Button
 							onClick={() =>
 								window.location.assign(window.location.pathname)
 							}
 						>
 							Refresh
 						</Button>
-					</>
 				}
 				type="error"
 				showIcon

ui/src/components/General/Notification/components/NotificationList.tsx

@@ -1,6 +1,5 @@
 import style from "components/General/Notification/Notification.module.scss";
-import { Button, Skeleton } from "antd";
-import { Typography, Tag, Dropdown } from "antd";
+import { Button, Skeleton, Typography, Tag, Dropdown } from "antd";
 import { Icon, Markdown } from "components/General";
 import { classNames } from "utils/helper-functions/string";
 const { Title } = Typography;

ui/src/components/General/ResponsiveButton/index.tsx

@@ -1,4 +1,3 @@
-// import withSize from "components/Hoc/withSize";
 import React from "react";
 import { withSize } from "components/Hoc";
 import { Button as AntButton } from "antd";

ui/src/components/InjectedComponent/ListItems/Resource/index.tsx

@@ -1,8 +1,7 @@
 import { Avatar, Card, Skeleton, Space, Tag, Typography } from "antd";
 import style from "./Resource.module.scss";
-import { Clipboard } from "components/ComponentInjector";
+import { Clipboard, ListItemProps } from "components/ComponentInjector";
 import { ClipboardButton } from "components/InjectedComponent";
-import { ListItemProps } from "components/ComponentInjector";
 
 const { Title } = Typography;
 

ui/src/components/Layouts/index.ts

@@ -9,4 +9,3 @@ export { default as FloatingSearchBar } from "./FloatingSearchBar";
 export { default as Header } from "./Header";
 export { default as Legal } from "./Legal";
 export { default as PageGrid } from "./PageGrid";
-// export { getItem } from "./Menu/helper";

ui/src/data/routeData.tsx

@@ -15,13 +15,10 @@ export type RouteId =
 	| "data"
 	| "designsystem"
 	| "diagramming"
-	| "diagramming"
-	| "diffchecker"
 	| "diffchecker"
 	| "docs"
 	| "editor"
 	| "feedback"
-	| "feedback"
 	| "fileconverter"
 	| "github"
 	| "githubissue"
@@ -35,7 +32,6 @@ export type RouteId =
 	| "newsfeed"
 	| "npmpackages"
 	| "pagenotfound"
-	| "pagenotfound"
 	| "pixelconverter"
 	| "platform"
 	| "plugin"

ui/src/pages/Newsfeed/helper.ts

@@ -5,9 +5,7 @@ function parseXML(value: string) {
 	const items = xmldoc.getElementsByTagName("item");
 	const list = [];
 
-	for (let i = 0; i < items.length; i++) {
-		const item = items[i];
-
+	for (const item of items) {
 		const title = item.getElementsByTagName("title")[0].textContent;
 		const description =
 			item.getElementsByTagName("description")[0].textContent;

ui/src/pages/Tools/CodeFormatter/index.tsx

@@ -27,7 +27,7 @@ const CodeFormatter: React.FC = () => {
 		try {
 			const options = {
 				indent_size: indentationLevel,
-				indent_with_tabs: indentationLevel === "tab" ? true : false,
+				indent_with_tabs: indentationLevel === "tab",
 				e4x: true,
 			};
 

ui/src/pages/Tools/Diagramming/index.tsx

@@ -16,11 +16,7 @@ const Diagramming = () => {
 
 	const clearInputs = () => {
 		console.log("Element removed");
-		if (
-			btEcalidraw &&
-			btEcalidraw.elements &&
-			btEcalidraw.elements.length > 0
-		) {
+		if (btEcalidraw?.elements && btEcalidraw?.elements?.length > 0) {
 			const newElements = btEcalidraw.elements.slice(0, -1); // Remove the last element
 			setBtEcalidraw({
 				...btEcalidraw,