Remove unused task elements

website/src/components/TaskSelection/TaskOption.tsx

@@ -1,39 +0,0 @@
-import { Card, CardBody, Flex, Heading } from "@chakra-ui/react";
-import Image from "next/image";
-import Link from "next/link";
-
-export type OptionProps = {
-  img: string;
-  alt: string;
-  title: string;
-  link: string;
-};
-
-export const TaskOption = (props: OptionProps) => {
-  const { alt, img, title, link } = props;
-  return (
-    <Link href={link}>
-      <Card
-        maxW="300"
-        minW="300"
-        minH="300"
-        maxH="300"
-        className="transition ease-in-out duration-500 sm:grayscale hover:grayscale-0"
-      >
-        <CardBody width="full" height="full">
-          <Flex direction="column" alignItems="center" justifyContent="center">
-            <Image src={img} alt={alt} width={200} height={200} />
-            <Heading
-              mt={-10}
-              className="bg-gradient-to-r from-indigo-600 via-sky-400 to-indigo-700 bg-clip-text tracking-tight text-transparent"
-              textAlign="center"
-              fontSize="3xl"
-            >
-              {title}
-            </Heading>
-          </Flex>
-        </CardBody>
-      </Card>
-    </Link>
-  );
-};

website/src/components/TaskSelection/TaskOptions.tsx

@@ -1,23 +0,0 @@
-import { Divider, Flex, Heading } from "@chakra-ui/react";
-import React from "react";
-
-export type TaskOptionsProps = {
-  title: string;
-  children: JSX.Element | JSX.Element[];
-};
-
-export const TaskOptions = (props: TaskOptionsProps) => {
-  const { title, children } = props;
-  return (
-    <Flex gap={10} wrap="wrap" justifyContent="center">
-      <Heading
-        className="bg-gradient-to-r from-indigo-600 via-sky-400 to-indigo-700 bg-clip-text tracking-tight text-transparent"
-        fontSize="5xl"
-      >
-        {title}
-      </Heading>
-      <Divider mt={-8} />
-      {children}
-    </Flex>
-  );
-};

website/src/components/TaskSelection/TaskSelection.tsx

@@ -1,73 +0,0 @@
-import { Flex } from "@chakra-ui/react";
-import { useColorMode } from "@chakra-ui/react";
-import React from "react";
-
-import { TaskOption } from "./TaskOption";
-import { TaskOptions } from "./TaskOptions";
-
-export const TaskSelection = () => {
-  const { colorMode } = useColorMode();
-  const mainBgClasses = colorMode === "light" ? "bg-slate-300 text-gray-800" : "bg-slate-900 text-white";
-
-  return (
-    <Flex
-      gap={10}
-      wrap="wrap"
-      justifyContent="space-evenly"
-      width="full"
-      height="full"
-      alignItems={"center"}
-      className={mainBgClasses}
-    >
-      <TaskOptions key="create" title="Create">
-        {/* <TaskOption
-          alt="Summarize Stories"
-          img="/images/logos/logo.svg"
-          title="Summarize stories"
-          link="/create/summarize_story"
-        /> */}
-        <TaskOption
-          alt="Create Initial Prompt"
-          img="/images/logos/logo.svg"
-          title="Create Initial Prompt"
-          link="/create/initial_prompt"
-        />
-        <TaskOption alt="Reply as User" img="/images/logos/logo.svg" title="Reply as User" link="/create/user_reply" />
-        <TaskOption
-          alt="Reply as Assistant"
-          img="/images/logos/logo.svg"
-          title="Reply as Assistant"
-          link="/create/assistant_reply"
-        />
-      </TaskOptions>
-      <TaskOptions key="evaluate" title="Evaluate">
-        {/*
-        Commented out while the backend does not support them.
-        <TaskOption
-          alt="Rate Prompts"
-          img="/images/logos/logo.svg"
-          title="Rate Prompts"
-          link="/evaluate/rate_summary"
-        /> */}
-        <TaskOption
-          alt="Rank Initial Prompts"
-          img="/images/logos/logo.svg"
-          title="Rank Initial Prompts"
-          link="/evaluate/rank_initial_prompts"
-        />
-        <TaskOption
-          alt="Rank User Replies"
-          img="/images/logos/logo.svg"
-          title="Rank User Replies"
-          link="/evaluate/rank_user_replies"
-        />
-        <TaskOption
-          alt="Rank Assistant Replies"
-          img="/images/logos/logo.svg"
-          title="Rank Assistant Replies"
-          link="/evaluate/rank_assistant_replies"
-        />
-      </TaskOptions>
-    </Flex>
-  );
-};

website/src/components/TaskSelection/index.ts

@@ -1,3 +0,0 @@
-export { TaskOption } from "./TaskOption";
-export { TaskOptions } from "./TaskOptions";
-export { TaskSelection } from "./TaskSelection";

website/src/pages/label/label_initial_prompt.tsx

@@ -1,4 +1,4 @@
-import {  Container, Grid, Slider, SliderFilledTrack, SliderThumb, SliderTrack } from "@chakra-ui/react";
+import { Container, Grid, Slider, SliderFilledTrack, SliderThumb, SliderTrack } from "@chakra-ui/react";
 import { useColorMode } from "@chakra-ui/react";
 import { useEffect, useId, useState } from "react";
 import { LoadingScreen } from "src/components/Loading/LoadingScreen";