Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-16 11:47:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Replace live queries with plain ones for emojis and icons

Browse Source
This commit is contained in:
Hakan Shehu
2025-11-29 09:15:06 -08:00
parent 530086387d
commit d1cd450f71
11 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/emojis/emoji-browser-items.tsx
View File

@@ -1,6 +1,6 @@
import { EmojiPickerItemsRow } from '@colanode/client/types';
import { EmojiPickerItem } from '@colanode/ui/components/emojis/emoji-picker-item';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface EmojiBrowserItemsProps {
row: EmojiPickerItemsRow;
@@ -8,7 +8,7 @@ interface EmojiBrowserItemsProps {
}
export const EmojiBrowserItems = ({ row, style }: EmojiBrowserItemsProps) => {
const emojiListQuery = useLiveQuery({
const emojiListQuery = useQuery({
type: 'emoji.list',
category: row.category,
page: row.page,

4
packages/ui/src/components/emojis/emoji-browser.tsx
View File

@@ -9,12 +9,12 @@ import {
ScrollViewport,
ScrollBar,
} from '@colanode/ui/components/ui/scroll-area';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
const EMOJIS_PER_ROW = 10;
export const EmojiBrowser = () => {
const emojiCategoryListQuery = useLiveQuery({
const emojiCategoryListQuery = useQuery({
type: 'emoji.category.list',
});

4
packages/ui/src/components/emojis/emoji-element.tsx
View File

@@ -1,7 +1,7 @@
import { ShieldQuestionMark } from 'lucide-react';
import { useApp } from '@colanode/ui/contexts/app';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
import { cn } from '@colanode/ui/lib/utils';
interface EmojiElementProps {
@@ -21,7 +21,7 @@ const EmojiElementWeb = ({ id, className, onClick }: EmojiElementProps) => {
};
const EmojiElementDesktop = ({ id, className, onClick }: EmojiElementProps) => {
const svgQuery = useLiveQuery({
const svgQuery = useQuery({
type: 'emoji.svg.get',
id,
});

4
packages/ui/src/components/emojis/emoji-search.tsx
View File

@@ -4,14 +4,14 @@ import {
ScrollViewport,
ScrollBar,
} from '@colanode/ui/components/ui/scroll-area';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface EmojiSearchProps {
query: string;
}
export const EmojiSearch = ({ query }: EmojiSearchProps) => {
const emojiSearchQuery = useLiveQuery({
const emojiSearchQuery = useQuery({
type: 'emoji.search',
query,
count: 100,

4
packages/ui/src/components/emojis/emoji-skin-tone-selector.tsx
View File

@@ -7,7 +7,7 @@ import {
PopoverContent,
PopoverTrigger,
} from '@colanode/ui/components/ui/popover';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
import { defaultEmojis } from '@colanode/ui/lib/assets';
interface EmojiSkinToneSelectorProps {
@@ -21,7 +21,7 @@ export const EmojiSkinToneSelector = ({
}: EmojiSkinToneSelectorProps) => {
const [open, setOpen] = useState<boolean>(false);
const emojiGetQuery = useLiveQuery({
const emojiGetQuery = useQuery({
type: 'emoji.get',
id: defaultEmojis.hand,
});

4
packages/ui/src/components/icons/icon-browser-items.tsx
View File

@@ -1,6 +1,6 @@
import { IconPickerItemsRow } from '@colanode/client/types';
import { IconPickerItem } from '@colanode/ui/components/icons/icon-picker-item';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface IconBrowserItemsProps {
row: IconPickerItemsRow;
@@ -8,7 +8,7 @@ interface IconBrowserItemsProps {
}
export const IconBrowserItems = ({ row, style }: IconBrowserItemsProps) => {
const iconListQuery = useLiveQuery({
const iconListQuery = useQuery({
type: 'icon.list',
category: row.category,
page: row.page,

4
packages/ui/src/components/icons/icon-browser.tsx
View File

@@ -9,12 +9,12 @@ import {
ScrollViewport,
ScrollBar,
} from '@colanode/ui/components/ui/scroll-area';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
const ICONS_PER_ROW = 10;
export const IconBrowser = () => {
const iconCategoryListQuery = useLiveQuery({
const iconCategoryListQuery = useQuery({
type: 'icon.category.list',
});

4
packages/ui/src/components/icons/icon-element.tsx
View File

@@ -1,7 +1,7 @@
import { ShieldQuestionMark } from 'lucide-react';
import { useApp } from '@colanode/ui/contexts/app';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
import { cn } from '@colanode/ui/lib/utils';
interface IconElementProps {
@@ -20,7 +20,7 @@ const IconElementWeb = ({ id, className }: IconElementProps) => {
};
const IconElementDesktop = ({ id, className }: IconElementProps) => {
const svgQuery = useLiveQuery(
const svgQuery = useQuery(
{
type: 'icon.svg.get',
id,

4
packages/ui/src/components/icons/icon-search.tsx
View File

@@ -4,14 +4,14 @@ import {
ScrollViewport,
ScrollBar,
} from '@colanode/ui/components/ui/scroll-area';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface IconSearchProps {
query: string;
}
export const IconSearch = ({ query }: IconSearchProps) => {
const iconSearchQuery = useLiveQuery({
const iconSearchQuery = useQuery({
type: 'icon.search',
query,
count: 100,

4
packages/ui/src/components/messages/message-quick-reaction.tsx
View File

@@ -1,5 +1,5 @@
import { EmojiElement } from '@colanode/ui/components/emojis/emoji-element';
import { useLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface MessageQuickReactionProps {
emoji: string;
@@ -10,7 +10,7 @@ export const MessageQuickReaction = ({
emoji,
onClick,
}: MessageQuickReactionProps) => {
const emojiGetQuery = useLiveQuery({
const emojiGetQuery = useQuery({
type: 'emoji.get',
id: emoji,
});

4
packages/ui/src/components/messages/message-reaction-count-tooltip-content.tsx
View File

@@ -3,7 +3,7 @@ import { eq, inArray, useLiveQuery } from '@tanstack/react-db';
import { NodeReactionCount, LocalMessageNode } from '@colanode/client/types';
import { EmojiElement } from '@colanode/ui/components/emojis/emoji-element';
import { useWorkspace } from '@colanode/ui/contexts/workspace';
import { useLiveQuery as useColanodeLiveQuery } from '@colanode/ui/hooks/use-live-query';
import { useQuery } from '@colanode/ui/hooks/use-query';
interface MessageReactionCountTooltipContentProps {
message: LocalMessageNode;
@@ -16,7 +16,7 @@ export const MessageReactionCountTooltipContent = ({
}: MessageReactionCountTooltipContentProps) => {
const workspace = useWorkspace();
const emojiGetQuery = useColanodeLiveQuery({
const emojiGetQuery = useQuery({
type: 'emoji.get.by.skin.id',
id: reactionCount.reaction,
});