ui: fix

Signed-off-by: Viktor Login <[email protected]>

Author: batazor

boundaries/proxy/package.json

@@ -41,7 +41,7 @@
     "fp-ts": "2.16.11",
     "google-protobuf": "^4.0.0",
     "helmet": "^8.1.0",
-    "inversify": "^7.7.1",
+    "inversify": "^7.8.1",
     "inversify-express-utils": "^6.5.0",
     "inversify-logger-middleware": "^3.1.0",
     "jaeger-client": "^3.19.0",
@@ -56,5 +56,6 @@
     "@types/node": "22.17.2",
     "prisma": "6.14.0",
     "typescript": "^5.9.2"
-  }
+  },
+  "packageManager": "[email protected]+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
 }

boundaries/proxy/pnpm-lock.yaml

@@ -31,9 +31,9 @@ function Page() {
     hash: '',
   })
 
-  const handleChange = (e: { target: { name: any; value: any } }) => setURL({ ...url, [e.target.name]: e.target.value })
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setURL({ ...url, [e.target.name]: e.target.value })
 
-  const handleClose = (event: any, reason: string) => {
+  const handleClose = (event: React.SyntheticEvent | Event, reason: string) => {
     if (reason === 'clickaway') {
       return
     }

ui/src/app/add-link/page.tsx

@@ -46,7 +46,7 @@ const theme = createTheme({
 // })
 
 // @ts-ignore
-export function Providers({ children, ...props }) {
+export function Providers({ children, ...props }: { children: React.ReactNode; [key: string]: any }) {
   const storeRef = useRef<AppStore | null>(null)
   if (!storeRef.current) {
     // Create the store instance the first time this renders

ui/src/app/providers.tsx

@@ -5,7 +5,7 @@ import IconButton from '@mui/material/IconButton'
 import Menu from '@mui/material/Menu'
 import * as React from 'react'
 
-export default function Notification(): JSX.Element {
+export default function Notification(): React.JSX.Element {
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null)
   const open = Boolean(anchorEl)
   const handleClick = (event: React.MouseEvent<HTMLElement>) => {

ui/src/components/Header/notification.tsx

@@ -10,7 +10,7 @@ import ory from '../pkg/sdk'
 import { AxiosError } from 'axios'
 
 // @ts-ignore
-export function Layout({ children }) {
+export function Layout({ children }: { children: React.ReactNode }) {
   const [session, setSession] = useState<string>('No valid Ory Session was found.\nPlease sign in to receive one.')
   const [hasSession, setHasSession] = useState<boolean>(false)
   const [open, setOpen] = useState(false)

ui/src/components/Layout.tsx

@@ -5,7 +5,19 @@ import { formatRelative } from 'date-fns'
 import { ContentCopy } from '@mui/icons-material'
 
 type AppProps = {
-  data: any
+  data: Array<{
+    url: string
+    hash: string
+    describe?: string
+    createdAt: string
+    updatedAt: string
+  }>
+}
+
+type CellProps = {
+  cell: {
+    getValue: () => string
+  }
 }
 
 const columns = [
@@ -41,7 +53,7 @@ const columns = [
     filterVariant: 'date',
     filterFn: 'lessThan',
     sortingFn: 'datetime',
-    Cell: ({ cell }: any) =>
+    Cell: ({ cell }: CellProps) =>
       formatRelative(new Date(cell.getValue()), new Date(), {
         // @ts-ignore
         addSuffix: true,
@@ -59,7 +71,7 @@ const columns = [
     filterVariant: 'date',
     filterFn: 'lessThan',
     sortingFn: 'datetime',
-    Cell: ({ cell }: any) =>
+    Cell: ({ cell }: CellProps) =>
       formatRelative(new Date(cell.getValue()), new Date(), {
         // @ts-ignore
         addSuffix: true,

ui/src/components/Page/admin/user/linksTable.tsx

@@ -5,11 +5,23 @@ import { formatRelative } from 'date-fns'
 import { ContentCopy } from '@mui/icons-material'
 
 type AppProps = {
-  data: any
+  data: Array<{
+    url: string
+    hash: string
+    describe?: string
+    created_at: string
+    updated_at: string
+  }>
 
   onRefresh?: () => void
 }
 
+type CellProps = {
+  cell: {
+    getValue: () => string
+  }
+}
+
 const columns = [
   {
     accessorKey: 'url',
@@ -43,7 +55,7 @@ const columns = [
     filterVariant: 'date',
     filterFn: 'lessThan',
     sortingFn: 'datetime',
-    Cell: ({ cell }: any) =>
+    Cell: ({ cell }: CellProps) =>
       formatRelative(new Date(cell.getValue()), new Date(), {
         // @ts-ignore
         addSuffix: true,
@@ -61,7 +73,7 @@ const columns = [
     filterVariant: 'date',
     filterFn: 'lessThan',
     sortingFn: 'datetime',
-    Cell: ({ cell }: any) =>
+    Cell: ({ cell }: CellProps) =>
       formatRelative(new Date(cell.getValue()), new Date(), {
         // @ts-ignore
         addSuffix: true,

ui/src/components/Page/user/linksTable.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import _ from 'lodash'
 
-export default function Personal({ session }) {
+export default function Personal({ session }: { session: string }) {
   return (
     <div className="mt-10 sm:mt-0">
       <div className="md:grid md:grid-cols-3 md:gap-6">

ui/src/components/Profile/Personal.tsx

@@ -1,6 +1,6 @@
 // @ts-nocheck
 
-export default function Welcome({ nickname }) {
+export default function Welcome({ nickname }: { nickname: string }) {
   return (
     <div className="md:w-auto flex items-center content-center my-6 flex-auto bg-indigo-600 text-white rounded shadow-xl px-5 w-full">
       <div className="flex flex-wrap content-center items-center">