chore: ES Lint errors

Author: Lucki2g

Website/.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "@typescript-eslint/no-empty-object-type": "off"
+  }
 }

Website/components/AppSiderbar.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useSidebar, useSidebarDispatch } from '@/contexts/SidebarContext'
-import { SidebarClose, Menu, SidebarOpen } from 'lucide-react'
+import { SidebarClose, SidebarOpen } from 'lucide-react'
 import { useIsMobile } from '@/hooks/use-mobile'
 import SidebarNavRail from './SidebarNavRail'
 import clsx from 'clsx'
@@ -41,7 +41,7 @@ export const AppSidebar = ({}: IAppSidebarProps) => {
                 isOpen ? 'translate-x-0' : '-translate-x-full',
                 'flex flex-col'
               ]
-            : 'relative flex flex-col'
+            : 'flex flex-col sticky top-0'
         )}
       >
         {/* Header */}

Website/components/aboutview/AboutView.tsx

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useState } from 'react'
 import { AppSidebar } from '../AppSiderbar'
-import { useSidebar, useSidebarDispatch } from '@/contexts/SidebarContext'
+import { useSidebarDispatch } from '@/contexts/SidebarContext'
 import { TooltipProvider } from '@radix-ui/react-tooltip'
 
 interface IAboutViewProps {}

Website/components/attributes/LookupAttribute.tsx

@@ -1,7 +1,6 @@
 import { LookupAttributeType } from "@/lib/Types"
-import { Button } from "../ui/button"
 import { FileSearch, FileX2 } from "lucide-react"
-import { useDatamodelView, useDatamodelViewDispatch } from "@/contexts/DatamodelViewContext"
+import { useDatamodelView } from "@/contexts/DatamodelViewContext"
 
 export default function LookupAttribute({ attribute }: { attribute: LookupAttributeType }) {
 

Website/components/datamodelview/Attributes.tsx

@@ -5,19 +5,19 @@ import { TableHeader, TableRow, TableHead, TableBody, TableCell, Table } from ".
 import { Button } from "../ui/button"
 import { useState } from "react"
 import { ArrowUpDown, ArrowUp, ArrowDown, Search, X, EyeOff, Eye } from "lucide-react"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select"
-import { Input } from "./ui/input"
-import { AttributeDetails } from "./entity/AttributeDetails"
-import BooleanAttribute from "./attributes/BooleanAttribute"
-import ChoiceAttribute from "./attributes/ChoiceAttribute"
-import DateTimeAttribute from "./attributes/DateTimeAttribute"
-import DecimalAttribute from "./attributes/DecimalAttribute"
-import FileAttribute from "./attributes/FileAttribute"
-import GenericAttribute from "./attributes/GenericAttribute"
-import IntegerAttribute from "./attributes/IntegerAttribute"
-import LookupAttribute from "./attributes/LookupAttribute"
-import StatusAttribute from "./attributes/StatusAttribute"
-import StringAttribute from "./attributes/StringAttribute"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./../ui/select"
+import { Input } from "./../ui/input"
+import { AttributeDetails } from "./../entity/AttributeDetails"
+import BooleanAttribute from "./../attributes/BooleanAttribute"
+import ChoiceAttribute from "./../attributes/ChoiceAttribute"
+import DateTimeAttribute from "./../attributes/DateTimeAttribute"
+import DecimalAttribute from "./../attributes/DecimalAttribute"
+import FileAttribute from "./../attributes/FileAttribute"
+import GenericAttribute from "./../attributes/GenericAttribute"
+import IntegerAttribute from "./../attributes/IntegerAttribute"
+import LookupAttribute from "./../attributes/LookupAttribute"
+import StatusAttribute from "./../attributes/StatusAttribute"
+import StringAttribute from "./../attributes/StringAttribute"
 
 type SortDirection = 'asc' | 'desc' | null
 type SortColumn = 'displayName' | 'schemaName' | 'type' | 'description' | null

Website/components/datamodelview/DatamodelView.tsx

@@ -1,10 +1,9 @@
 'use client'
 
-import { useState, useEffect } from "react";
+import { useEffect } from "react";
 import { AppSidebar } from "../AppSiderbar";
 import { TooltipProvider } from "../ui/tooltip";
-import { TouchProvider } from "../ui/hybridtooltop";
-import { useSidebar, useSidebarDispatch } from "@/contexts/SidebarContext";
+import { useSidebarDispatch } from "@/contexts/SidebarContext";
 import { SidebarDatamodelView } from "./SidebarDatamodelView";
 import { DatamodelViewProvider } from "@/contexts/DatamodelViewContext";
 import { List } from "./List";

Website/components/datamodelview/List.tsx

@@ -1,14 +1,14 @@
 import { useEffect, useMemo, useRef, useCallback, useState } from "react";
 import { Groups } from "../../generated/Data";
-import { useDatamodelView, useDatamodelViewDispatch } from "@/contexts/DatamodelViewContext";
+import { useDatamodelViewDispatch } from "@/contexts/DatamodelViewContext";
 import React from "react";
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Section } from "./Section";
 import { Loader2 } from "lucide-react";
 
-interface IListProps {}
+interface IListProps { }
 
-export const List = ({}: IListProps) => {
+export const List = ({ }: IListProps) => {
     const dispatch = useDatamodelViewDispatch();
     const [isScrollingToSection, setIsScrollingToSection] = useState(false);
 

Website/components/datamodelview/Section.tsx

@@ -1,13 +1,11 @@
 'use client'
 
-import { useEffect } from "react"
 import { EntityType, GroupType } from "@/lib/Types"
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/tabs"
 import { EntityHeader } from "../entity/EntityHeader"
 import { SecurityRoles } from "../entity/SecurityRoles"
 import Keys from "./Keys"
 import { KeyRound, Tags, Unplug } from "lucide-react"
-import { useDatamodelView } from "@/contexts/DatamodelViewContext"
 import { Attributes } from "./Attributes"
 import { Relationships } from "./Relationships"
 import React from "react"
@@ -65,4 +63,6 @@ export const Section = React.memo(({ entity, group }: ISectionProps) =>
             </div>
         )
     }
-);
+);
+
+Section.displayName = "Section";