shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add loading state to update board slug button

Browse Source
This commit is contained in:
Henry
2025-07-09 21:24:53 +01:00
parent 09e2df708a
commit cc4a09914c
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/views/board/components/UpdateBoardSlugButton.tsx
View File

@@ -6,11 +6,21 @@ const UpdateBoardSlugButton = ({
handleOnClick, handleOnClick,
workspaceSlug, workspaceSlug,
boardSlug, boardSlug,
isLoading,
}: { }: {
handleOnClick: () => void; handleOnClick: () => void;
workspaceSlug: string; workspaceSlug: string;
boardSlug: string; boardSlug: string;
isLoading: boolean;
}) => { }) => {
if (!isLoading && (!workspaceSlug || !boardSlug)) return <></>;
if (isLoading) {
return (
<div className="hidden h-[36px] w-[225px] animate-pulse rounded-full bg-light-200 dark:bg-dark-100 xl:flex" />
);
}
return ( return (
<button <button
onClick={handleOnClick} onClick={handleOnClick}

1
apps/web/src/views/board/index.tsx
View File

@@ -270,6 +270,7 @@ export default function BoardPage() {
<div className="order-1 mb-4 flex items-center justify-end space-x-2 md:order-2 md:mb-0"> <div className="order-1 mb-4 flex items-center justify-end space-x-2 md:order-2 md:mb-0">
<UpdateBoardSlugButton <UpdateBoardSlugButton
handleOnClick={() => openModal("UPDATE_BOARD_SLUG")} handleOnClick={() => openModal("UPDATE_BOARD_SLUG")}
isLoading={isLoading}
workspaceSlug={workspace.slug ?? ""} workspaceSlug={workspace.slug ?? ""}
boardSlug={boardData?.slug ?? ""} boardSlug={boardData?.slug ?? ""}
/> />