forked from github/plane
c9337d4a41
* fix: created dashboard, widgets and dashboard widget model * fix: new user home dashboard * chore: recent projects list * chore: recent collaborators * chore: priority order change * chore: payload changes * chore: collaborator's active issue count * chore: all dashboard widgets added with services and typs * chore: centered metric for pie chart * chore: widget filters * chore: created issue filter * fix: created and assigned issues payload change * chore: created issue payload change * fix: date filter change * chore: implement filters * fix: added expansion fields * fix: changed issue structure with relation * chore: new issues response * fix: project member fix * chore: updated issue_relation structure * chore: code cleanup * chore: update issues response and added empty states * fix: button text wrap * chore: update empty state messages * fix: filters * chore: update dark mode empty states * build-error: Type check in the issue relation service * fix: issues redirection * fix: project empty state * chore: project member active check * chore: project member check in state and priority * chore: remove console logs and replace harcoded values with constants * fix: code refactoring * fix: key name changed * refactor: mapping through similar components using an array * fix: build errors --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com>
27 lines
762 B
TypeScript
27 lines
762 B
TypeScript
import { Tab } from "@headlessui/react";
|
|
// helpers
|
|
import { cn } from "helpers/common.helper";
|
|
// constants
|
|
import { ISSUES_TABS_LIST } from "constants/dashboard";
|
|
|
|
export const TabsList = () => (
|
|
<Tab.List
|
|
as="div"
|
|
className="border-[0.5px] border-custom-border-200 rounded grid grid-cols-3 bg-custom-background-80"
|
|
>
|
|
{ISSUES_TABS_LIST.map((tab) => (
|
|
<Tab
|
|
key={tab.key}
|
|
className={({ selected }) =>
|
|
cn("font-semibold text-xs rounded py-1.5 focus:outline-none", {
|
|
"bg-custom-background-100 text-custom-text-300 shadow-[2px_0_8px_rgba(167,169,174,0.15)]": selected,
|
|
"text-custom-text-400": !selected,
|
|
})
|
|
}
|
|
>
|
|
{tab.label}
|
|
</Tab>
|
|
))}
|
|
</Tab.List>
|
|
);
|