Files
plane/web/core/components/common/count-chip.tsx
guru_sainath f617937542 [WEB-1900] chore: mentions mutation, ui fix on app sidebar notification badge, and back button inbox issue notification embed (#5083)
* chore: mention notification boolean field

* chore: handled mentions and all notification mutation and UI fix on the app sidebar notification badge and Back redirection button on inbox issue resposiveness

* chore: Moved everthing to chip

* chore: cleaning up the selection when we unmount the page

* chore: resolved build error

---------

Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
2024-07-09 13:41:34 +05:30

26 lines
533 B
TypeScript

"use client";
import { FC } from "react";
//
import { cn } from "@/helpers/common.helper";
type TCountChip = {
count: string | number;
className?: string;
};
export const CountChip: FC<TCountChip> = (props) => {
const { count, className = "" } = props;
return (
<div
className={cn(
"relative flex justify-center items-center px-2.5 py-0.5 flex-shrink-0 bg-custom-primary-100/20 text-custom-primary-100 text-xs font-semibold rounded-xl",
className
)}
>
{count}
</div>
);
};