[WEB-3567] chore: empty state refactoring and translation fix (#8014)

* chore: empty state component improvement and code refactor

* chore: translation code refactor

* chore: empty state code refactor
This commit is contained in:
Anmol Singh Bhatia 2025-10-27 17:03:35 +05:30 committed by GitHub
parent be0d1871f0
commit 3faf768112
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 121 additions and 116 deletions

View file

@ -4,17 +4,16 @@ import { useParams } from "next/navigation";
import useSWR from "swr";
// plane imports
import { useTranslation } from "@plane/i18n";
import { EmptyStateDetailed } from "@plane/propel/empty-state";
import type { TModuleFilters } from "@plane/types";
// components
import { calculateTotalFilters } from "@plane/utils";
import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";
import { ArchivedModulesView, ModuleAppliedFiltersList } from "@/components/modules";
import { CycleModuleListLayoutLoader } from "@/components/ui/loader/cycle-module-list-loader";
// helpers
// hooks
import { useModule } from "@/hooks/store/use-module";
import { useModuleFilter } from "@/hooks/store/use-module-filter";
import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
export const ArchivedModuleLayoutRoot: React.FC = observer(() => {
// router
@ -26,7 +25,6 @@ export const ArchivedModuleLayoutRoot: React.FC = observer(() => {
const { clearAllFilters, currentProjectArchivedFilters, updateFilters } = useModuleFilter();
// derived values
const totalArchivedModules = projectArchivedModuleIds?.length ?? 0;
const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/archived/empty-modules" });
useSWR(
workspaceSlug && projectId ? `ARCHIVED_MODULES_${workspaceSlug.toString()}_${projectId.toString()}` : null,
@ -72,10 +70,10 @@ export const ArchivedModuleLayoutRoot: React.FC = observer(() => {
)}
{totalArchivedModules === 0 ? (
<div className="h-full place-items-center">
<DetailedEmptyState
title={t("project_module.empty_state.archived.title")}
description={t("project_module.empty_state.archived.description")}
assetPath={resolvedPath}
<EmptyStateDetailed
assetKey="archived-module"
title={t("workspace.archive_modules.title")}
description={t("workspace.archive_modules.description")}
/>
</div>
) : (