JayashTripathyandGitHub
14d2d69120
* chore: added code split for the analytics store * chore: done some refactor * refactor: update entity keys in analytics and translations * chore: updated the translations * refactor: simplify AnalyticsStoreV2 class by removing unnecessary constructor * feat: add AnalyticsStoreV2 class and interface for enhanced analytics functionality * feat: enhance WorkItemsModal and analytics store with isEpic functionality * feat: integrate isEpic state into TotalInsights and WorkItemsModal components * refactor: remove isEpic state from WorkItemsModalMainContent component * refactor: removed old analytics components and related services * refactor: new analytics * refactor: removed all nivo chart dependencies * chore: resolved coderabbit comments * fix: update processUrl to handle custom-work-items in peek view * feat: implement CSV export functionality in InsightTable component * feat: enhance analytics service with filter parameters and improve data handling in InsightTable * feat: add new translation keys for various statuses across multiple languages * [WEB-4246] fix: enhance analytics components to include 'isEpic' parameter for improved data fetching * chore: update yarn.lock to remove deprecated @nivo packages and clean up unused dependencies
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import { observer } from "mobx-react";
|
|
import { Briefcase } from "lucide-react";
|
|
// plane package imports
|
|
import { CustomSearchSelect, Logo } from "@plane/ui";
|
|
// hooks
|
|
import { useProject } from "@/hooks/store";
|
|
|
|
type Props = {
|
|
value: string[] | undefined;
|
|
onChange: (val: string[] | null) => void;
|
|
projectIds: string[] | undefined;
|
|
};
|
|
|
|
export const ProjectSelect: React.FC<Props> = observer((props) => {
|
|
const { value, onChange, projectIds } = props;
|
|
const { getProjectById } = useProject();
|
|
|
|
const options = projectIds?.map((projectId) => {
|
|
const projectDetails = getProjectById(projectId);
|
|
|
|
return {
|
|
value: projectDetails?.id,
|
|
query: `${projectDetails?.name} ${projectDetails?.identifier}`,
|
|
content: (
|
|
<div className="flex max-w-[300px] items-center gap-2">
|
|
{projectDetails?.logo_props ? (
|
|
<Logo logo={projectDetails?.logo_props} size={16} />
|
|
) : (
|
|
<Briefcase className="h-4 w-4" />
|
|
)}
|
|
<span className="flex-grow truncate">{projectDetails?.name}</span>
|
|
</div>
|
|
),
|
|
};
|
|
});
|
|
|
|
return (
|
|
<CustomSearchSelect
|
|
value={value ?? []}
|
|
onChange={(val: string[]) => onChange(val)}
|
|
options={options}
|
|
label={
|
|
<div className="flex items-center gap-2 p-1 ">
|
|
<Briefcase className="h-4 w-4" />
|
|
{value && value.length > 3
|
|
? `3+ projects`
|
|
: value && value.length > 0
|
|
? projectIds
|
|
?.filter((p) => value.includes(p))
|
|
.map((p) => getProjectById(p)?.name)
|
|
.join(", ")
|
|
: "All projects"}
|
|
</div>
|
|
}
|
|
multiple
|
|
/>
|
|
);
|
|
});
|