Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-16 19:57:46 +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 { EmojiPickerItemsRow } from '@colanode/client/types';
import { EmojiPickerItem } from '@colanode/ui/components/emojis/emoji-picker-item'; 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 { interface EmojiBrowserItemsProps {
row: EmojiPickerItemsRow; row: EmojiPickerItemsRow;
@@ -8,7 +8,7 @@ interface EmojiBrowserItemsProps {
} }
export const EmojiBrowserItems = ({ row, style }: EmojiBrowserItemsProps) => { export const EmojiBrowserItems = ({ row, style }: EmojiBrowserItemsProps) => {
const emojiListQuery = useLiveQuery({ const emojiListQuery = useQuery({
type: 'emoji.list', type: 'emoji.list',
category: row.category, category: row.category,
page: row.page, page: row.page,

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

@@ -9,12 +9,12 @@ import {
ScrollViewport, ScrollViewport,
ScrollBar, ScrollBar,
} from '@colanode/ui/components/ui/scroll-area'; } 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; const EMOJIS_PER_ROW = 10;
export const EmojiBrowser = () => { export const EmojiBrowser = () => {
const emojiCategoryListQuery = useLiveQuery({ const emojiCategoryListQuery = useQuery({
type: 'emoji.category.list', 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 { ShieldQuestionMark } from 'lucide-react';
import { useApp } from '@colanode/ui/contexts/app'; 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'; import { cn } from '@colanode/ui/lib/utils';
interface EmojiElementProps { interface EmojiElementProps {
@@ -21,7 +21,7 @@ const EmojiElementWeb = ({ id, className, onClick }: EmojiElementProps) => {
}; };
const EmojiElementDesktop = ({ id, className, onClick }: EmojiElementProps) => { const EmojiElementDesktop = ({ id, className, onClick }: EmojiElementProps) => {
const svgQuery = useLiveQuery({ const svgQuery = useQuery({
type: 'emoji.svg.get', type: 'emoji.svg.get',
id, id,
}); });

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

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

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

@@ -7,7 +7,7 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from '@colanode/ui/components/ui/popover'; } 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'; import { defaultEmojis } from '@colanode/ui/lib/assets';
interface EmojiSkinToneSelectorProps { interface EmojiSkinToneSelectorProps {
@@ -21,7 +21,7 @@ export const EmojiSkinToneSelector = ({
}: EmojiSkinToneSelectorProps) => { }: EmojiSkinToneSelectorProps) => {
const [open, setOpen] = useState<boolean>(false); const [open, setOpen] = useState<boolean>(false);
const emojiGetQuery = useLiveQuery({ const emojiGetQuery = useQuery({
type: 'emoji.get', type: 'emoji.get',
id: defaultEmojis.hand, 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 { IconPickerItemsRow } from '@colanode/client/types';
import { IconPickerItem } from '@colanode/ui/components/icons/icon-picker-item'; 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 { interface IconBrowserItemsProps {
row: IconPickerItemsRow; row: IconPickerItemsRow;
@@ -8,7 +8,7 @@ interface IconBrowserItemsProps {
} }
export const IconBrowserItems = ({ row, style }: IconBrowserItemsProps) => { export const IconBrowserItems = ({ row, style }: IconBrowserItemsProps) => {
const iconListQuery = useLiveQuery({ const iconListQuery = useQuery({
type: 'icon.list', type: 'icon.list',
category: row.category, category: row.category,
page: row.page, page: row.page,

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

@@ -9,12 +9,12 @@ import {
ScrollViewport, ScrollViewport,
ScrollBar, ScrollBar,
} from '@colanode/ui/components/ui/scroll-area'; } 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; const ICONS_PER_ROW = 10;
export const IconBrowser = () => { export const IconBrowser = () => {
const iconCategoryListQuery = useLiveQuery({ const iconCategoryListQuery = useQuery({
type: 'icon.category.list', 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 { ShieldQuestionMark } from 'lucide-react';
import { useApp } from '@colanode/ui/contexts/app'; 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'; import { cn } from '@colanode/ui/lib/utils';
interface IconElementProps { interface IconElementProps {
@@ -20,7 +20,7 @@ const IconElementWeb = ({ id, className }: IconElementProps) => {
}; };
const IconElementDesktop = ({ id, className }: IconElementProps) => { const IconElementDesktop = ({ id, className }: IconElementProps) => {
const svgQuery = useLiveQuery( const svgQuery = useQuery(
{ {
type: 'icon.svg.get', type: 'icon.svg.get',
id, id,

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

@@ -4,14 +4,14 @@ import {
ScrollViewport, ScrollViewport,
ScrollBar, ScrollBar,
} from '@colanode/ui/components/ui/scroll-area'; } 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 { interface IconSearchProps {
query: string; query: string;
} }
export const IconSearch = ({ query }: IconSearchProps) => { export const IconSearch = ({ query }: IconSearchProps) => {
const iconSearchQuery = useLiveQuery({ const iconSearchQuery = useQuery({
type: 'icon.search', type: 'icon.search',
query, query,
count: 100, 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 { 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 { interface MessageQuickReactionProps {
emoji: string; emoji: string;
@@ -10,7 +10,7 @@ export const MessageQuickReaction = ({
emoji, emoji,
onClick, onClick,
}: MessageQuickReactionProps) => { }: MessageQuickReactionProps) => {
const emojiGetQuery = useLiveQuery({ const emojiGetQuery = useQuery({
type: 'emoji.get', type: 'emoji.get',
id: emoji, 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 { NodeReactionCount, LocalMessageNode } from '@colanode/client/types';
import { EmojiElement } from '@colanode/ui/components/emojis/emoji-element'; import { EmojiElement } from '@colanode/ui/components/emojis/emoji-element';
import { useWorkspace } from '@colanode/ui/contexts/workspace'; 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 { interface MessageReactionCountTooltipContentProps {
message: LocalMessageNode; message: LocalMessageNode;
@@ -16,7 +16,7 @@ export const MessageReactionCountTooltipContent = ({
}: MessageReactionCountTooltipContentProps) => { }: MessageReactionCountTooltipContentProps) => {
const workspace = useWorkspace(); const workspace = useWorkspace();
const emojiGetQuery = useColanodeLiveQuery({ const emojiGetQuery = useQuery({
type: 'emoji.get.by.skin.id', type: 'emoji.get.by.skin.id',
id: reactionCount.reaction, id: reactionCount.reaction,
}); });