review (solid version) (pun intented)

review/App.tsx

@@ -0,0 +1,45 @@
+import '../src/App.css'
+import "./reviewed.css"
+import { sendReview } from '../src/components/api'
+
+export default function App() {
+    const token = window.location.hash.substring(window.location.hash.indexOf("access_token") + "access_token".length + 1).substring(0, 30)
+    let ref!: HTMLTextAreaElement;
+    return <div class='reviewOuterparent'>
+        <div class='reviewParent'>
+            <textarea
+                ref={ref}
+                onKeyPress={async (e) => {
+                    if (e.key === "Enter") {
+                        e.preventDefault()
+                        if (await sendReview(ref.value, token)) {
+                            alert("review sent!")
+                        } else {
+                            alert("something went wrong, check your network tab or something idfk")
+                        }
+                    }
+                }}
+                placeholder='your shitty review'
+                class='reviewText'
+                name="" id="" cols="25" rows="3">
+            </textarea>
+
+            <div class='flexButton'>
+                <button onclick={async () => {
+                    try {
+                        const success = await sendReview(ref.value, token);
+                        if (success) {
+                            alert("Review sent successfully!");
+                        } else {
+                            alert("Failed to send review. open your browser's network tab for more info lmao");
+                        }
+                    } catch (error) {
+                        alert("how");
+                    }
+
+                }} class='sendButton'>send yo shi</button>
+            </div>
+        </div>
+    </div>
+}
+