Initial commit by AI Generator

2026-02-20 15:45:33 +00:00
parent 9f626aaa14
commit c28d1aeb80
5 changed files with 59 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
--- a/package.json
+++ b/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "pending-requests-app",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": { "dev": "vite", "build": "vite build" },
+  "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" },
+  "devDependencies": { "@vitejs/plugin-react": "^4.2.1", "vite": "^5.1.0" }
+}
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -0,0 +1,26 @@
+import { useState } from 'react';
+export default function App() {
+  const [requests, setReqs] = useState([{id: 1, name: 'Sample Request'}]);
+  const style = {
+    app: { padding: '20px', fontFamily: 'system-ui', maxWidth: '600px', margin: '0 auto' },
+    card: { border: '1px solid #ccc', padding: '15px', marginBottom: '10px', borderRadius: '8px' }
+  };
+  return (
+    <div style={style.app}>
+      <h1>{{ $('Get Pending Requests').first().json.requests[0].app_name }}</h1>
+      <p>{{ $('Get Pending Requests').first().json.requests[0].description }}</p>
+      <div>
+        {requests.map(q => (
+          <div key={q.id} style={style.card}>
+            <span>{q.name}</span>
+            <button ond,ick={() => setReqs(requests.filter(r => r.id !== q.id))}>Done</button>
+          </div>
+        ))}
+      </div>
+      <footer>
+        <p><strong>Features:</strong> {{ $('Get Pending Requests').first().json.requests[0].features.join(', ') }}</p>
+        <p><strong>Style:</strong> {{ $('Get Pending Requests').first().json.requests[0].style }}</p>
+      </footer>
+    </div>
+  );
+}
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,3 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+export default defineConfig({ plugins: [react()] });