7f5a1ab513
* feat: setup schema for workspace roles * chore: regen migration * feat: add publicId to workspace roles * feat: setup default permissions * feat: add repo funcs * feat: setup basic router interactions * feat: add card permissions * feat: assert permissions for lists * feat: assert board permissions * feat: assert permission for remaining routes * feat: add permissions page to settings * feat: enable updating member roles * feat: order members by role and createdAt * feat: allow editing individual permissions * feat: reset role defaults * feat: clear all permission overrides * feat: allow users to delete entities they have created * feat: set roleId when inviting new members * feat: disable UI elements if user does not have permissions * feat: allow admins to assign the admin role to other users * feat: allow delete:list as default * refactor: centre permissions modal * chore: translations
70 lines
2.1 KiB
TypeScript
70 lines
2.1 KiB
TypeScript
import Link from "next/link";
|
|
import { t } from "@lingui/core/macro";
|
|
import { env } from "next-runtime-env";
|
|
import { HiLink } from "react-icons/hi";
|
|
|
|
import { Tooltip } from "~/components/Tooltip";
|
|
|
|
const UpdateBoardSlugButton = ({
|
|
handleOnClick,
|
|
workspaceSlug,
|
|
boardSlug,
|
|
isLoading,
|
|
canEdit,
|
|
}: {
|
|
handleOnClick: () => void;
|
|
workspaceSlug: string;
|
|
boardSlug: string;
|
|
isLoading: boolean;
|
|
canEdit: 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 (
|
|
<Tooltip
|
|
content={!canEdit && !isLoading ? t`You don't have permission` : undefined}
|
|
>
|
|
<button
|
|
onClick={canEdit ? handleOnClick : undefined}
|
|
disabled={!canEdit || isLoading}
|
|
className="hidden cursor-pointer items-center gap-2 rounded-full border-[1px] bg-light-50 p-1 pl-4 pr-1 text-sm text-light-950 hover:bg-light-100 disabled:cursor-not-allowed disabled:opacity-60 dark:border-dark-600 dark:bg-dark-50 dark:text-dark-900 dark:hover:bg-dark-100 xl:flex"
|
|
>
|
|
<div className="flex items-center">
|
|
<span>
|
|
{env("NEXT_PUBLIC_KAN_ENV") === "cloud"
|
|
? "kan.bn"
|
|
: env("NEXT_PUBLIC_BASE_URL")}
|
|
</span>
|
|
<div className="mx-1.5 h-4 w-px rotate-[20deg] bg-gray-300 dark:bg-dark-600"></div>
|
|
<span>{workspaceSlug}</span>
|
|
<div className="mx-1.5 h-4 w-px rotate-[20deg] bg-gray-300 dark:bg-dark-600"></div>
|
|
<span>{boardSlug}</span>
|
|
</div>
|
|
<Link
|
|
href={`${env("NEXT_PUBLIC_BASE_URL")}/${workspaceSlug}/${boardSlug}`}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
onClick={(e) => {
|
|
e.stopPropagation();
|
|
if (!canEdit) {
|
|
e.preventDefault();
|
|
}
|
|
}}
|
|
className="flex h-7 w-7 items-center justify-center rounded-full hover:bg-light-200 dark:hover:bg-dark-200"
|
|
>
|
|
<HiLink className="h-[13px] w-[13px]" />
|
|
</Link>
|
|
</button>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
|
|
export default UpdateBoardSlugButton;
|