refactor: remove separate base filter skeleton

Parkreiner · Parkreiner · commit 99a3792edc42 · 2024-09-05T18:25:14.000Z
diff --git a/site/src/components/Filter/Filter.tsx b/site/src/components/Filter/Filter.tsx
@@ -125,10 +125,6 @@ const BaseSkeleton: FC<SkeletonProps> = ({ children, ...skeletonProps }) => {
 	);
 };
 
-export const SearchFieldSkeleton: FC = () => {
-	return <BaseSkeleton width="100%" />;
-};
-
 export const MenuSkeleton: FC = () => {
 	return <BaseSkeleton css={{ minWidth: 200, flexShrink: 0 }} />;
 };
@@ -196,7 +192,7 @@ export const Filter: FC<FilterProps> = ({
 		>
 			{isLoading ? (
 				<>
-					<SearchFieldSkeleton />
+					<BaseSkeleton width="100%" />
 					{optionsSkeleton}
 				</>
 			) : (
diff --git a/site/src/pages/AuditPage/AuditFilter.tsx b/site/src/pages/AuditPage/AuditFilter.tsx
@@ -6,12 +6,7 @@ import {
 	SelectFilterSearch,
 } from "components/Filter/SelectFilter";
 import { type UserFilterMenu, UserMenu } from "components/Filter/UserFilter";
-import {
-	Filter,
-	MenuSkeleton,
-	SearchFieldSkeleton,
-	type useFilter,
-} from "components/Filter/Filter";
+import { type useFilter, Filter, MenuSkeleton } from "components/Filter/Filter";
 import {
 	type UseFilterMenuOptions,
 	useFilterMenu,
diff --git a/site/src/pages/TemplatesPage/TemplatesFilter.tsx b/site/src/pages/TemplatesPage/TemplatesFilter.tsx
@@ -4,12 +4,7 @@ import {
 	SelectFilter,
 	type SelectFilterOption,
 } from "components/Filter/SelectFilter";
-import {
-	Filter,
-	MenuSkeleton,
-	SearchFieldSkeleton,
-	type useFilter,
-} from "components/Filter/Filter";
+import { type useFilter, Filter, MenuSkeleton } from "components/Filter/Filter";
 import { useFilterMenu } from "components/Filter/menu";
 import { UserAvatar } from "components/UserAvatar/UserAvatar";
 import type { FC } from "react";
diff --git a/site/src/pages/UsersPage/UsersFilter.tsx b/site/src/pages/UsersPage/UsersFilter.tsx
@@ -2,12 +2,7 @@ import {
 	SelectFilter,
 	type SelectFilterOption,
 } from "components/Filter/SelectFilter";
-import {
-	Filter,
-	MenuSkeleton,
-	SearchFieldSkeleton,
-	type useFilter,
-} from "components/Filter/Filter";
+import { type useFilter, Filter, MenuSkeleton } from "components/Filter/Filter";
 import {
 	type UseFilterMenuOptions,
 	useFilterMenu,
