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
48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
// plane package imports
|
|
import { cn } from "@plane/utils";
|
|
import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
|
|
|
|
type Props = {
|
|
title: string;
|
|
description?: string;
|
|
assetPath?: string;
|
|
className?: string;
|
|
};
|
|
|
|
const AnalyticsEmptyState = ({ title, description, assetPath, className }: Props) => {
|
|
const backgroundReolvedPath = useResolvedAssetPath({ basePath: "/empty-state/analytics/empty-grid-background" });
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"flex h-full w-full items-center justify-center overflow-y-auto rounded-lg border border-custom-border-100 px-5 py-10 md:px-20",
|
|
className
|
|
)}
|
|
>
|
|
<div className={cn("flex flex-col items-center")}>
|
|
{assetPath && (
|
|
<div className="relative flex max-h-[200px] max-w-[200px] items-center justify-center">
|
|
<Image src={assetPath} alt={title} width={100} height={100} layout="fixed" className="z-10 h-2/3 w-2/3" />
|
|
<div className="absolute inset-0">
|
|
<Image
|
|
src={backgroundReolvedPath}
|
|
alt={title}
|
|
width={100}
|
|
height={100}
|
|
layout="fixed"
|
|
className="h-full w-full"
|
|
/>
|
|
</div>
|
|
</div>
|
|
)}
|
|
<div className="flex flex-shrink flex-col items-center gap-1.5 text-center">
|
|
<h3 className={cn("text-xl font-semibold")}>{title}</h3>
|
|
{description && <p className="text-sm text-custom-text-300">{description}</p>}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
export default AnalyticsEmptyState;
|