diff --git a/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx b/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx index 8ef40238..1ac7296a 100644 --- a/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx +++ b/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx @@ -12,8 +12,8 @@ import { DeviceImage } from "@components/generic/DeviceImage.tsx"; import { TimeAgo } from "@components/generic/TimeAgo.tsx"; import { Uptime } from "@components/generic/Uptime.tsx"; import { toast } from "@core/hooks/useToast.ts"; -import { useUpdateFavorite } from "../../../core/hooks/useUpdateFavorite.ts"; -import { useUpdateIgnored } from "../../../core/hooks/useUpdateIgnored.ts"; +import { useFavoriteNode } from "../../../core/hooks/useFavoriteNode.ts"; +import { useIgnoreNode } from "../../../core/hooks/useIgnoreNode.ts"; import { cn } from "@core/utils/cn.ts"; import { @@ -64,10 +64,10 @@ export const NodeDetailsDialog = ({ const { setNodeNumToBeRemoved } = useAppStore(); const { setChatType, setActiveChat } = useMessageStore(); - const { updateFavorite } = useUpdateFavorite(); + const { updateFavorite } = useFavoriteNode(); const [isFavoriteState, setIsFavoriteState] = useState(false); - const { updateIgnored } = useUpdateIgnored(); + const { updateIgnored } = useIgnoreNode(); const [isIgnoredState, setIsIgnoredState] = useState(false); useEffect(() => { @@ -186,7 +186,9 @@ export const NodeDetailsDialog = ({
@@ -198,8 +200,8 @@ export const NodeDetailsDialog = ({ className={cn( "flex justify-end mr-1 text-white", isIgnoredState - ? "" - : "bg-red-500 dark:bg-red-500 hover:bg-red-600 hover:dark:bg-red-600 text-white dark:text-white", + ? "bg-red-500 dark:bg-red-500 hover:bg-red-600 hover:dark:bg-red-600 text-white dark:text-white" + : "", )} onClick={handleToggleIgnored} > diff --git a/src/components/UI/Avatar.tsx b/src/components/UI/Avatar.tsx index 48e96e90..90a0f20e 100644 --- a/src/components/UI/Avatar.tsx +++ b/src/components/UI/Avatar.tsx @@ -112,7 +112,7 @@ export const Avatar = ({ Favorite - + @@ -130,7 +130,7 @@ export const Avatar = ({ Node error - + diff --git a/src/components/generic/Table/index.tsx b/src/components/generic/Table/index.tsx index 29b0679b..eb784c19 100755 --- a/src/components/generic/Table/index.tsx +++ b/src/components/generic/Table/index.tsx @@ -7,13 +7,13 @@ interface FavoriteIconProps { showFavorite: boolean; } -interface WrapperProps { +interface AvatarCellProps { children: React.ReactElement; } export interface TableProps { headings: Heading[]; - rows: React.ReactElement[][]; + rows: React.ReactElement[][]; } export interface Heading { diff --git a/src/core/hooks/useUpdateFavorite.ts b/src/core/hooks/useFavoriteNode.ts similarity index 83% rename from src/core/hooks/useUpdateFavorite.ts rename to src/core/hooks/useFavoriteNode.ts index 36b601d8..32dc1d0d 100644 --- a/src/core/hooks/useUpdateFavorite.ts +++ b/src/core/hooks/useFavoriteNode.ts @@ -2,17 +2,17 @@ import { useCallback } from "react"; import { useDevice } from "@core/stores/deviceStore.ts"; import { useToast } from "@core/hooks/useToast.ts"; -interface UpdateFavoriteOptions { +interface FavoriteNodeOptions { nodeNum: number; isFavorite: boolean; } -export function useUpdateFavorite() { +export function useFavoriteNode() { const { updateFavorite, getNode } = useDevice(); const { toast } = useToast(); const updateFavoriteCB = useCallback( - ({ nodeNum, isFavorite }: UpdateFavoriteOptions) => { + ({ nodeNum, isFavorite }: FavoriteNodeOptions) => { updateFavorite(nodeNum, isFavorite); const node = getNode(nodeNum); diff --git a/src/core/hooks/useUpdateIgnored.ts b/src/core/hooks/useIgnoreNode.ts similarity index 83% rename from src/core/hooks/useUpdateIgnored.ts rename to src/core/hooks/useIgnoreNode.ts index 0a2e1ce5..32dace9a 100644 --- a/src/core/hooks/useUpdateIgnored.ts +++ b/src/core/hooks/useIgnoreNode.ts @@ -2,17 +2,17 @@ import { useCallback } from "react"; import { useDevice } from "@core/stores/deviceStore.ts"; import { useToast } from "@core/hooks/useToast.ts"; -interface UpdateIgnoredOptions { +interface IgnoreNodeOptions { nodeNum: number; isIgnored: boolean; } -export function useUpdateIgnored() { +export function useIgnoreNode() { const { updateIgnored, getNode } = useDevice(); const { toast } = useToast(); const updateIgnoredCB = useCallback( - ({ nodeNum, isIgnored }: UpdateIgnoredOptions) => { + ({ nodeNum, isIgnored }: IgnoreNodeOptions) => { updateIgnored(nodeNum, isIgnored); const node = getNode(nodeNum);