update all deps

src/app/cv/_components/CvEntry.tsx

@@ -1,25 +1,25 @@
 import { trpc } from "~/app/_trpc/Client"
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "~/components/ui/card"
 import { Skeleton } from "~/components/ui/skeleton"
-import { cn, type Element } from "~/lib/utils"
-import type { CategoryRouterOutputs } from "~/server/routers/cv/category"
-import type { EntryRouterOutputs } from "~/server/routers/cv/entry"
+import { cn, type Defined } from "~/lib/utils"
 import Markdown from 'react-markdown'
 import { format } from 'date-fns'
 import rehypeHighlight from 'rehype-highlight'
 import rehypeRaw from 'rehype-raw'
+import type { RouterOutputs } from "~/server/routers/_app"
+import type { ArrayElement } from "type-fest"
 export default function CvEntry(params: {
-	initialData: EntryRouterOutputs['get'] | Element<Element<CategoryRouterOutputs['list']>['cvEntry']>
-	className?: string 
+	initialData: ArrayElement<Defined<RouterOutputs['categoryv2']['getById']>['cvEntry']>,
+	className?: string
 }) {
-	const query = trpc.cv.entry.get.useQuery({ id: params.initialData?.id ? params.initialData.id : "" })
-	const { data } = query
+	const query = trpc.entryv2.getById.useQuery(params.initialData.id);
+	const { data, isError, error } = query
 	return (
 		<>
 			{
 				data ?
 					<>
-						<Card className={params.className ?  cn("w-fit",params.className) : "w-fit"}>
+						<Card className={params.className ? cn("w-fit", params.className) : "w-fit"}>
 							{
 								data.title ?
 									<CardHeader>
@@ -31,17 +31,17 @@ export default function CvEntry(params: {
 								data.description ?
 									<CardContent className="text-sm lg:text-base">
 										<div>
-											<Markdown rehypePlugins={[rehypeHighlight,rehypeRaw]}>{data.description}</Markdown>
+											<Markdown rehypePlugins={[rehypeHighlight, rehypeRaw]}>{data.description}</Markdown>
 										</div>
 									</CardContent> :
 									<></>
 							}
 							{
 								!data.hideDates ?
-								<CardFooter className="text-sm">
-									{`von ${format((new Date()).setTime(Date.parse(data.fromTime)), 'M. yyyy')} bis zum ${format((new Date()).setTime(Date.parse(data.toTime)), 'M. yyyy')}`}
-								</CardFooter> :
-								<></>
+									<CardFooter className="text-sm">
+										{`von ${format((new Date()).setTime(Date.parse(data.fromTime)), 'M. yyyy')} bis zum ${format((new Date()).setTime(Date.parse(data.toTime)), 'M. yyyy')}`}
+									</CardFooter> :
+									<></>
 							}
 						</Card>
 					</> :
@@ -55,13 +55,12 @@ export default function CvEntry(params: {
 							</CardHeader>
 							<CardContent>
 								<div>
-									<Skeleton className="h-4 w-[250px]" />
-									<Skeleton className="h-4 w-[200px]" />
-									<Skeleton className="h-4 w-[200px]" />
+									<Skeleton className="h-4 w-60" />
+									<Skeleton className="h-4 w-50" />
+									<Skeleton className="h-4 w-50" />
 								</div>
 							</CardContent>
 						</Card>
-
 					</>
 			}
 		</>