diff --git a/apps/web/src/components/test/StaffCard.tsx b/apps/web/src/components/test/StaffCard.tsx
deleted file mode 100644
index 3c67ea6..0000000
--- a/apps/web/src/components/test/StaffCard.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Staff } from "packages/common/dist";
-import { api } from "packages/client/dist";
-export const StaffCard = (staff: Staff) => {
-  const { data } = api.staff.findManyWithPagination.useQuery({
-    page
-  });
-  return(
-    <div className="staff-card">
-      <div className="staff-card__username">${username}</div>
-    </div>
-  )
-    
-}
\ No newline at end of file
diff --git a/apps/web/src/components/test/StaffList.tsx b/apps/web/src/components/test/StaffList.tsx
deleted file mode 100644
index b418bdc..0000000
--- a/apps/web/src/components/test/StaffList.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { api } from "packages/client/dist";
-import { ReactNode } from "react";
-export default function StaffList({ renderItem }: { renderItem: ReactNode }) {
-	const { data } = api.staff.findManyWithPagination.useQuery({});
-	data.items.map((staff) => renderItem);
-}