update emptystate to be used in specific pages

website/src/components/EmptyState.tsx

@@ -1,6 +1,5 @@
 import { Box, Link, Text, useColorModeValue } from "@chakra-ui/react";
 import { useRouter } from "next/router";
-import { FiAlertTriangle } from "react-icons/fi";
 import { IconType } from "react-icons/lib";
 
 type EmptyStateProps = {
@@ -24,17 +23,3 @@ export const EmptyState = (props: EmptyStateProps) => {
     </Box>
   );
 };
-
-export const TaskEmptyState = () => {
-  return <EmptyState text="Looks like no tasks were found." icon={FiAlertTriangle} />;
-};
-
-export const PageEmptyState = () => {
-  return <EmptyState text="Sorry, the page you are looking for does not exist." icon={FiAlertTriangle} />;
-};
-
-export const ServerEmptyState = () => {
-  return (
-    <EmptyState text="Sorry, we encountered a server error. We're not sure what went wrong." icon={FiAlertTriangle} />
-  );
-};