From 2c5b7da8165e3f8b90748e8ced1de0e3e8d52309 Mon Sep 17 00:00:00 2001
From: lazydancer <jrpucula@gmail.com>
Date: Sun, 22 Dec 2024 17:33:11 -0500
Subject: Initial

---
 frontend/src/Options.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/src/Options.js

(limited to 'frontend/src/Options.js')

diff --git a/frontend/src/Options.js b/frontend/src/Options.js
new file mode 100644
index 0000000..4c8a7e9
--- /dev/null
+++ b/frontend/src/Options.js
@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import './Options.css';
+
+const Options = () => {
+  const [message, setMessage] = useState('');
+
+  const handleClick = async () => {
+    setMessage('Sending request...');
+    try {
+      const response = await fetch('http://localhost:8000/create_route', { method: 'POST' });
+      const data = await response.json();
+      setMessage(`Response received: ${JSON.stringify(data)}`);
+    } catch (error) {
+      setMessage(`Error: ${error}`);
+    }
+  };
+
+  return (
+    <div className="p-8">
+      <button 
+        className="options-button"
+        onClick={handleClick}
+      >
+        Create Route
+      </button>
+      <p className='text-white pt-2'>{message}</p>
+    </div>
+  );
+}
+
+export default Options;
\ No newline at end of file
-- 
cgit v1.3