Prompt suggestions

<button
  type="submit"
  className={`p-4 font-bold ${
    input
      ? "bg-violet-400 text-white transition-colors duration 200"
      : "text-gray-300 cursor-not-allowed"
  }`}
  disabled={!input}
>
  Generate
</button>

<button
  className="p-4 bg-violet-400 text-white transition-colors duration-200 font-bold disabled:bg-gray-400 disabled:cursor-not-allowed"
  type="button"
  onClick={() => submitPrompt(true)}
>
  Use suggestion
</button>

<textarea
  placeholder={
    (loading && "ChatGPT is thinking of a suggestion...") ||
    suggestion ||
    "Enter a prompt"
  }
/>

{input && (
  <p className="italic pt-2 pl-2 font-light">
    Suggestion:{" "}
    <span className="text-violet-500">
      {loading ? "ChatGPT is thinking of a suggestion..." : suggestion}
    </span>
  </p>
)}

const {
  data: suggestion,
  error,
  isLoading,
  mutate,
  isValidating,
} = useSWR("/api/suggestion", fetchSuggestionFromChatGPT, {
  revalidateOnFocus: false,
});

export async function GET(request: Request) {
  const response = await fetch(
    "https://ai-imagegenerator.azurewebsites.net/api/getChatGPTSuggestion?",
    {
      cache: "no-store",
    }
  );
  const textData = await response.text();

  return new Response(JSON.stringify(textData.trim()), {
    status: 200,
  });
}

const response = await openai.createCompletion({
    model: 'gpt-3.5-turbo-instruct',
    prompt: 'Write a random text prompt for DALL.E to generate an image, this prompt will be shown to the user, include details such as the genre and what type of painting it should be, options can include: oil painting, watercolor, photo-realistic, 4K, abstract, modern, black and white etc. Do not wrap the answer in quotes',
    max_tokens: 100,
    temperature: 0.9,
})
const responseText = response.data.choices[0].text;