Function Ai

client/src/component/AIReview.jsx:4–98

()

import { GoogleGenerativeAI } from "@google/generative-ai";

const Ai = () => {
  const [apiKey, setApiKey] = useState("");
  const [codeInput, setCodeInput] = useState("");
  const [projectType, setProjectType] = useState("");
  const [reviewResult, setReviewResult] = useState("");
  const [ideaResult, setIdeaResult] = useState("");
  const [error, setError] = useState("");

  const handleInput = async (type) => {
    if (!apiKey) {
      setError("API Key is required");
      return;
    }

    setError("");
    try {
      const genAI = new GoogleGenerativeAI(apiKey);
      const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });

      if (type === "review") {
        const prompt =
          "Review the following code and provide feedback. \n\n" + codeInput;

        const result = await model.generateContent(prompt);
        setReviewResult(result.response.text());
      } else if (type === "ideas") {
        const prompt =
          "Generate project ideas for a " + projectType + " project.";
        const result = await model.generateContent(prompt);
        setIdeaResult(result.response.text());
      }
    } catch (err) {
      setError("An error occurred while processing your request.");
    }
  };

  return (
    <div className="p-6 min-h-screen flex flex-col justify-center text-black overflow-auto main-content">
      {/* Heading */}
      <h1 className="text-4xl font-semibold mb-4">AI Playground</h1>
      {/* API Key Input */}
      <div className="mb-4">
        <input
          type="text"
          value={apiKey}
          onChange={(e) => setApiKey(e.target.value)}
          placeholder="Enter your Gemini API Key"
          className="w-full p-2 border border-gray-300 rounded text-black"
        />
      </div>

      {/* Code Review Section */}
      <div className="mb-6">
        <h3 className="text-xl font-semibold mb-2">AI Code Review</h3>
        <textarea
          value={codeInput}
          onChange={(e) => setCodeInput(e.target.value)}
          placeholder="Paste your code here..."