32ee9f3dcc
* feat: add object base64 hash method * chore: add script to add package * feat: add request-handler package * wip: add request handlers for all jobs and widget api procedures * wip: remove errors shown in logs, add missing decryption for secrets in cached-request-job-handler * wip: highly improve request handler, add request handlers for calendar, media-server, indexer-manager and more, add support for multiple inputs from job handler creator * refactor: move media-server requests to request-handler, add invalidation logic for dns-hole and media requests * refactor: remove unused integration item middleware * feat: add invalidation to switch entity action of smart-home * fix: lint issues * chore: use integration-kind-by-category instead of union for request-handlers * fix: build not working for tasks and websocket * refactor: add more logs * refactor: readd timestamp logic for diconnect status * fix: lint and typecheck issue * chore: address pull request feedback
57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
import { ActionIcon, Avatar, Group, Stack, Text } from "@mantine/core";
|
|
import { IconClock, IconX } from "@tabler/icons-react";
|
|
|
|
import type { RouterOutputs } from "@homarr/api";
|
|
import { clientApi } from "@homarr/api/client";
|
|
|
|
import { createWidgetDefinition } from "../definition";
|
|
import { optionsBuilder } from "../options";
|
|
import { BookmarkAddButton } from "./add-button";
|
|
|
|
export const { definition, componentLoader } = createWidgetDefinition("bookmarks", {
|
|
icon: IconClock,
|
|
options: optionsBuilder.from((factory) => ({
|
|
title: factory.text(),
|
|
layout: factory.select({
|
|
options: (["grid", "row", "column"] as const).map((value) => ({
|
|
value,
|
|
label: (t) => t(`widget.bookmarks.option.layout.option.${value}.label`),
|
|
})),
|
|
defaultValue: "column",
|
|
}),
|
|
items: factory.sortableItemList<RouterOutputs["app"]["all"][number], string>({
|
|
ItemComponent: ({ item, handle: Handle, removeItem, rootAttributes }) => {
|
|
return (
|
|
<Group {...rootAttributes} tabIndex={0} justify="space-between" wrap="nowrap">
|
|
<Group wrap="nowrap">
|
|
<Handle />
|
|
|
|
<Group>
|
|
<Avatar src={item.iconUrl} alt={item.name} />
|
|
<Stack gap={0}>
|
|
<Text>{item.name}</Text>
|
|
</Stack>
|
|
</Group>
|
|
</Group>
|
|
|
|
<ActionIcon variant="transparent" color="red" onClick={removeItem}>
|
|
<IconX size={20} />
|
|
</ActionIcon>
|
|
</Group>
|
|
);
|
|
},
|
|
AddButton: BookmarkAddButton,
|
|
uniqueIdentifier: (item) => item.id,
|
|
useData: (initialIds) => {
|
|
const { data, error, isLoading } = clientApi.app.byIds.useQuery(initialIds);
|
|
|
|
return {
|
|
data,
|
|
error,
|
|
isLoading,
|
|
};
|
|
},
|
|
}),
|
|
})),
|
|
}).withDynamicImport(() => import("./component"));
|