merge: stack widget modernization on dnd kit

packages/widgets/src/errors/base-component.tsx

@@ -17,7 +17,7 @@ export const BaseWidgetError = (props: BaseWidgetErrorProps) => {
   const t = useI18n();
 
   return (
-    <Stack h="100%" align="center" justify="center" gap="md">
+    <Stack h="100%" align="center" justify="center" gap="md" data-homarr-widget-error>
       <props.icon size={40} />
       <Stack gap={0}>
         <Text ta="center">{translateIfNecessary(t, props.message)}</Text>

packages/widgets/src/errors/component.spec.ts

@@ -46,7 +46,6 @@ describe("WidgetError", () => {
           MantineProvider,
           null,
           createElement(WidgetError, {
-            kind: "app",
             error: new Error(secret),
             resetErrorBoundary: vi.fn(),
           }),

packages/widgets/src/errors/component.tsx

@@ -1,30 +1,24 @@
-import { useMemo } from "react";
 import { IconExclamationCircle, IconShield } from "@tabler/icons-react";
 import { TRPCClientError } from "@trpc/client";
 import type { DefaultErrorData } from "@trpc/server/unstable-core-do-not-import";
 
-import type { WidgetKind } from "@homarr/definitions";
-
-import type { WidgetDefinition } from "..";
-import { widgetImports } from "..";
+import type { WidgetDefinition } from "../definition";
 import { ErrorBoundaryError } from "./base";
 import type { BaseWidgetErrorProps } from "./base-component";
 import { BaseWidgetError } from "./base-component";
 
 interface WidgetErrorProps {
-  kind: WidgetKind;
+  definition?: WidgetDefinition;
   error: unknown;
   resetErrorBoundary: () => void;
 }
 
-export const WidgetError = ({ error, resetErrorBoundary, kind }: WidgetErrorProps) => {
-  const currentDefinition = useMemo(() => widgetImports[kind].definition, [kind]);
-
+export const WidgetError = ({ error, resetErrorBoundary, definition }: WidgetErrorProps) => {
   if (error instanceof ErrorBoundaryError) {
     return <BaseWidgetError {...error.getErrorBoundaryData()} onRetry={resetErrorBoundary} />;
   }
 
-  const widgetTrpcErrorData = handleWidgetTrpcError(error, currentDefinition);
+  const widgetTrpcErrorData = definition ? handleWidgetTrpcError(error, definition) : null;
   if (widgetTrpcErrorData) {
     return <BaseWidgetError {...widgetTrpcErrorData} onRetry={resetErrorBoundary} />;
   }