chore: update new brand empty states

apps/web/core/components/issues/workspace-draft/root.tsx

@@ -41,7 +41,7 @@ export const WorkspaceDraftIssuesRoot: FC<TWorkspaceDraftIssuesRoot> = observer(
     [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER],
     EUserPermissionsLevel.WORKSPACE
   );
-  const noProjectResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/onboarding/projects" });
+  const noProjectResolvedPath = useResolvedAssetPath({ basePath: "/empty-state/draft/draft-issues-empty" });
 
   //swr hook for fetching issue properties
   useWorkspaceIssueProperties(workspaceSlug);

apps/web/core/components/pages/pages-list-main-content.tsx

@@ -12,9 +12,6 @@ import { useCommandPalette, useUserPermissions } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 // plane web hooks
 import { EPageStoreType, usePageStore } from "@/plane-web/hooks/store";
-// assets
-import AllFiltersImage from "@/public/empty-state/pages/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/pages/name-filter.svg";
 
 type Props = {
   children: React.ReactNode;
@@ -112,13 +109,18 @@ export const PagesListMainContent: React.FC<Props> = observer((props) => {
         />
       );
   }
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/pages/all-filters", extension: "svg" });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/pages/name-filter",
+    extension: "svg",
+  });
   // if no pages match the filter criteria
   if (filteredPageIds?.length === 0)
     return (
       <div className="h-full w-full grid place-items-center">
         <div className="text-center">
           <Image
-            src={filters.searchQuery.length > 0 ? NameFilterImage : AllFiltersImage}
+            src={filters.searchQuery.length > 0 ? resolvedNameFilterImage : resolvedFiltersImage}
             className="h-36 sm:h-48 w-36 sm:w-48 mx-auto"
             alt="No matching modules"
           />

apps/web/core/components/project/card-list.tsx

@@ -12,9 +12,6 @@ import { captureClick } from "@/helpers/event-tracker.helper";
 // hooks
 import { useCommandPalette, useProject, useProjectFilter, useUserPermissions } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
-// assets
-import AllFiltersImage from "@/public/empty-state/project/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/project/name-filter.svg";
 
 type TProjectCardListProps = {
   totalProjectIds?: string[];
@@ -74,12 +71,21 @@ export const ProjectCardList = observer((props: TProjectCardListProps) => {
       />
     );
 
+  const resolvedFiltersImage = useResolvedAssetPath({
+    basePath: "/empty-state/project/all-filters",
+    extension: "svg",
+  });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/project/name-filter",
+    extension: "svg",
+  });
+
   if (filteredProjectIds.length === 0)
     return (
       <div className="grid h-full w-full place-items-center">
         <div className="text-center">
           <Image
-            src={searchQuery.trim() === "" ? AllFiltersImage : NameFilterImage}
+            src={searchQuery.trim() === "" ? resolvedFiltersImage : resolvedNameFilterImage}
             className="mx-auto h-36 w-36 sm:h-48 sm:w-48"
             alt="No matching projects"
           />