Open Chat Gpt
You are logged in
-
-
-
-
+
@@ -109,14 +128,7 @@ export function Header() {
)}
-
-
-
+
+ {discord && (
+ }
+ colorScheme="blue"
+ size="lg"
+ w="36"
+ onClick={() => signIn(discord.id, { callbackUrl: "/" })}
+ >
+ Discord
+
+ )}
+
+ } colorScheme="blue" size="lg">
+ Github
+
+
+ {email && (
+
+
+
+ } colorScheme="blue" size="lg" onClick={signinWithEmail}>
+ Email
+
+
+ )}
+
- {/* Instrunction and Output panels */}
-
-
- {/* Instruction panel */}
-
-
-
Instruction
-{SAMPLE_PROMPT}
+
+ {/* Instrunction and Output panels */}
+
+
+ {/* Instruction panel */}
+
+
- {/* Output panel */}
-
+
+ Instruction
+
+ {tasks[0].task.full_text}
-
- Log in
-
- }>
-
-
-
- );
-}
diff --git a/website/src/pages/new_task.js b/website/src/pages/new_task.js
deleted file mode 100644
index 123ee0a5..00000000
--- a/website/src/pages/new_task.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import axios from "axios";
-import Head from "next/head";
-import Image from "next/image";
-import { useSession, signIn, signOut } from "next-auth/react";
-import { useEffect, useRef, useState } from "react";
-import useSWRImmutable from "swr/immutable";
-import useSWRMutation from "swr/mutation";
-
-const fetcher = (url) => axios.get(url).then((res) => res.data);
-
-/**
- * A helper function to post updates to tasks.
- * This ensures the content sent is serialized to JSON.
- */
-async function sendRequest(url, { arg }) {
- return fetch(url, {
- method: "POST",
- body: JSON.stringify(arg),
- });
-}
-
-export default function NewPage() {
- // Use an array of tasks that record the sequence of steps until a task is
- // deemed complete.
- const [tasks, setTasks] = useState([]);
-
- // A quick reference to the input element. This should be factored into the
- // component doing the actual task rendering.
- const responseEl = useRef(null);
-
- // Fetch the very fist task. We can ignore everything except isLoading
- // because the onSuccess handler will update `tasks` when ready.
- const { isLoading } = useSWRImmutable("/api/new_task", fetcher, {
- onSuccess: (data) => {
- setTasks([data]);
- },
- });
-
- // Every time we submit an answer to the latest task, let the backend handle
- // all the interactions then add the resulting task to the queue. This ends
- // when we hit the done task.
- const { trigger, isMutating } = useSWRMutation("/api/update_task", sendRequest, {
- onSuccess: async (data) => {
- const newTask = await data.json();
- // This is the more efficient way to update a react state array.
- setTasks((oldTasks) => [...oldTasks, newTask]);
- },
- });
-
- // Trigger a mutation that updates the current task. We should probably
- // signal somewhere that this interaction is being processed.
- const submitResponse = (t) => {
- trigger({
- id: t.id,
- content: {
- rating: responseEl.current.value,
- },
- });
- };
-
- // Show something informative while loading the first task.
- if (isLoading) {
- return
-
- {/* Form wrap*/}
- Output
-{SAMPLE_OUTPUT}
-
-
-
- {/* Info & controls */}
- Rating
-(1 = worst, 7 = best)
+ {/* Output panel */} +
+
-
+
+ {/* Form wrap*/}
+ Output
+{tasks[0].task.summary}
+
+
-
- {/* Annotation checkboxes */}
- Rating
++ ({tasks[0].task.scale.min} = worst, {tasks[0].task.scale.max} = best) +
- {/* Rating buttons */} -
-
-
-
+ {/* Rating buttons */}
-
- {ANNOTATION_FLAGS.map((option, i) => {
- return
-
+
-
);
-}
+};
+
+export default GradeOutput;
function AnnotationCheckboxLi(props: { option: annotationBool }): JSX.Element {
let AdditionalExplanation = null;
@@ -183,20 +220,3 @@ const ANNOTATION_FLAGS: annotationBool[] = [
labelText: "Expresses moral judgement",
},
];
-
-const SAMPLE_PROMPT = "Please make a list of aspects of a good pull request. Briefly describe each aspect.";
-
-const SAMPLE_OUTPUT = `Here are some aspects of a good pull request, which you may use to help your pull requests be good contributions and get accepted:
-
-1. Communicate:
-2. Pull request size:
- * Summary
- * Fix one problem
- * Limit the scope
- * Use commits
-3. Use coding conventions:
-4. Perform testing:
-5. Rebase onto the master branch before creating your PR
-6. Respond to reviews quickly
-7. Thank reviewers for their suggestions
-`;
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 2884cc2b..5c7b6acf 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -1,6 +1,7 @@
import { useSession } from "next-auth/react";
import Head from "next/head";
+import Link from "next/link";
import { CallToAction } from "../components/CallToAction";
import { Faq } from "../components/Faq";
@@ -35,14 +36,23 @@ export default function Home() {
);
}
return (
-
-
- Prompt
-
- d1fb481a-e6cd-445d-9a15-8e2add854fe1
+ {/* Annotation checkboxes */}
+
+
- {/* Skip / Submit controls */}
-
+
- -
+ {ANNOTATION_FLAGS.map((option, i) => {
+ return
-
- Output
-
- a5f85b0a-e11a-472c-bc73-946fdc2a6ec2
+
+
+
-
-
+ {/* Info & controls */}
+
+
-function RatingButton(props: { rating: number; active: boolean }): JSX.Element {
- const activeClasses =
- "inline-flex items-center mx-2 rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2";
- const inactiveClasses =
- "inline-flex items-center mx-2 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2";
- return (
-
+ {/* Skip / Submit controls */}
+
+
-
- );
-}
+
+
+ Prompt
+
+ {tasks[0].id}
-
-
+
+ Output
+
+ {tasks.length === 2 ? tasks[1].id : "Submit your answer"}
+
+
+
+
+
+
+
-
- {/* 
*/}
-
+ <>
+
+ Open Assistant
+
+
+
-
+
+ ~Rate a prompt and output now~
+
+
+
);
}
diff --git a/website/src/pages/login.tsx b/website/src/pages/login.tsx
deleted file mode 100644
index 0f720af5..00000000
--- a/website/src/pages/login.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import Head from "next/head";
-import Link from "next/link";
-
-import { AuthLayout } from "../components/AuthLayout";
-
-export default function Login() {
- return (
- <>
-
- Loading
;
- }
-
- // Iterate through each of the tasks and show it's contents, get a response to it, or show the done state.
- //
- // Right now this just works for the rating task.
- //
- // Displaying and fetching results for each task type should be factored into
- // different components that handle the presentation and response structures.
- // The results should be packaged into a single object with all the fields
- // sent to the backend.
- return (
-
- {tasks.map((t) => (
-
- );
-}
-
- ))}
- {t.task.type}
- {t.task.text}
- {t.task.summary && (
- <>
- {t.task.summary}
-
- {t.task.scale.min} to {t.task.scale.max}
-
-
-
-
- )}
-