some more changes

rysloan4 · Mar 22, 2023 · 4689a41 · 4689a41 · vercel · Mar 22, 2023
1 parent bae0fdd
commit 4689a41
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/pages/api/generate.js b/pages/api/generate.js
@@ -57,7 +57,7 @@ export default async function (req, res) {
       model: "text-davinci-003",
       prompt: generatePrompt(tripInfo),
       temperature: 0.7,
-      max_tokens: 1000
+      max_tokens: 2000
     });
     res.status(200).json({ result: completion.data.choices[0].text });
   } catch(error) {

diff --git a/pages/index.js b/pages/index.js
@@ -6,10 +6,12 @@ export default function Home() {
   const [placeInput, setPlaceInput] = useState("");
   const [preferencesInput, setPreferencesInput] = useState("");
   const [durationInput, setDurationInput] = useState("");
+  const [disabled, setDisabled] = useState(false);
   const [result, setResult] = useState();
 
   async function onSubmit(event) {
     event.preventDefault();
+    setDisabled(true)
     try {
       const response = await fetch("/api/generate", {
         method: "POST",
@@ -25,13 +27,15 @@ export default function Home() {
 
       const data = await response.json();
       if (response.status !== 200) {
+        setDisabled(false)
         throw data.error || new Error(`Request failed with status ${response.status}`);
       }
 
       setResult(data.result);
       setPlaceInput("");
       setPreferencesInput("");
       setDurationInput("");
+      setDisabled(false)
     } catch(error) {
       // Consider implementing your own error handling logic here
       console.error(error);
@@ -61,7 +65,7 @@ export default function Home() {
             onChange={(e) => setPlaceInput(e.target.value)}
           />
             <label
-            for="duration"
+            htmlFor="duration"
           >How long are you going for?</label>
           <input
             type="text"
@@ -82,9 +86,9 @@ export default function Home() {
             value={preferencesInput}
             onChange={(e) => setPreferencesInput(e.target.value)}
           />
-          <input type="submit" value="Plan my trip" />
+          <input type="submit" value="Plan my trip" disabled={disabled}/>
         </form>
-        <div className={styles.result}>{result}</div>
+        <body><div className={styles.result}> {result} </div></body>
       </main>
     </div>
   );

diff --git a/pages/index.module.css b/pages/index.module.css
@@ -66,7 +66,14 @@
   text-align: center;
   cursor: pointer;
 }
+
+.main input[type="submit"]:disabled {
+  background-color: grey;
+  cursor: not-allowed;
+}
 .main .result {
-  font-weight: bold;
   margin-top: 40px;
+  display: flex;
+  flex-direction: column;
+  width: 500px;
 }