reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add new spinner component

Browse Source
This commit is contained in:
reya
2024-04-13 15:01:27 +07:00
parent 89f577fbef
commit ed6aca41ea
29 changed files with 177 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/note/buttons/downvote.tsx
View File

@@ -1,10 +1,11 @@
import { ArrowDownIcon, LoaderIcon } from "@lume/icons";
import { ArrowDownIcon } from "@lume/icons";
import { useState } from "react";
import { useNoteContext } from "../provider";
import { cn } from "@lume/utils";
import * as Tooltip from "@radix-ui/react-tooltip";
import { useTranslation } from "react-i18next";
import { useRouteContext } from "@tanstack/react-router";
import { Spinner } from "../../spinner";
export function NoteDownvote() {
const ark = useRouteContext({ strict: false });
@@ -41,7 +42,7 @@ export function NoteDownvote() {
)}
>
{loading ? (
<LoaderIcon className="size-4 animate-spin" />
<Spinner className="size-4" />
) : (
<ArrowDownIcon className="size-4" />
)}

5
packages/ui/src/note/buttons/repost.tsx
View File

@@ -1,4 +1,4 @@
import { LoaderIcon, QuoteIcon, RepostIcon } from "@lume/icons";
import { QuoteIcon, RepostIcon } from "@lume/icons";
import { cn } from "@lume/utils";
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
import * as Tooltip from "@radix-ui/react-tooltip";
@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
import { toast } from "sonner";
import { useNoteContext } from "../provider";
import { useRouteContext } from "@tanstack/react-router";
import { Spinner } from "../../spinner";
export function NoteRepost() {
const { ark } = useRouteContext({ strict: false });
@@ -46,7 +47,7 @@ export function NoteRepost() {
className="group inline-flex size-7 items-center justify-center text-neutral-800 dark:text-neutral-200"
>
{loading ? (
<LoaderIcon className="size-4 animate-spin" />
<Spinner className="size-4" />
) : (
<RepostIcon
className={cn(

5
packages/ui/src/note/buttons/upvote.tsx
View File

@@ -1,10 +1,11 @@
import { ArrowUpIcon, LoaderIcon } from "@lume/icons";
import { ArrowUpIcon } from "@lume/icons";
import { useState } from "react";
import { useNoteContext } from "../provider";
import { cn } from "@lume/utils";
import * as Tooltip from "@radix-ui/react-tooltip";
import { useTranslation } from "react-i18next";
import { useRouteContext } from "@tanstack/react-router";
import { Spinner } from "../../spinner";
export function NoteUpvote() {
const { ark } = useRouteContext({ strict: false });
@@ -41,7 +42,7 @@ export function NoteUpvote() {
)}
>
{loading ? (
<LoaderIcon className="size-4 animate-spin" />
<Spinner className="size-4" />
) : (
<ArrowUpIcon className="size-4" />
)}