From b7e62e580a04e1d9f6886b96d4f50b828be71f67 Mon Sep 17 00:00:00 2001
From: "Rayyan (Rayy)" <rayyan.hodges@studytafensw.edu.au>
Date: Tue, 21 Nov 2023 09:31:43 +0000
Subject: [PATCH] Move Review form to seperate component

---
 src/components/ReviewForm.js | 29 +++++++++++++++++++++++++++++
 src/pages/Detail.js          | 26 --------------------------
 2 files changed, 29 insertions(+), 26 deletions(-)
 create mode 100644 src/components/ReviewForm.js

diff --git a/src/components/ReviewForm.js b/src/components/ReviewForm.js
new file mode 100644
index 0000000..762de59
--- /dev/null
+++ b/src/components/ReviewForm.js
@@ -0,0 +1,29 @@
+import Form from "react-bootstrap/Form"
+import Button from "react-bootstrap/Button"
+
+export function ReviewForm(props) {
+  return (
+    <Form>
+      <h3>Rewiew this movie</h3>
+      <Form.Group>
+        <Form.Label>Star</Form.Label>
+        <Form.Select>
+          <option value="1">1</option>
+          <option value="2">2</option>
+          <option value="3">3</option>
+          <option value="4">4</option>
+          <option value="5">5</option>
+        </Form.Select>
+      </Form.Group>
+      <Form.Group>
+        <Form.Label>Title</Form.Label>
+        <Form.Control type="text" placeholder="I love this movie" />
+      </Form.Group>
+      <Form.Group>
+        <Form.Label>Review</Form.Label>
+        <Form.Control as="textarea" rows={4} cols={30} placeholder="I could not stop watching!" />
+      </Form.Group>
+      <Button type="submit" variant="primary">Submit</Button>
+    </Form>
+  )
+}
\ No newline at end of file
diff --git a/src/pages/Detail.js b/src/pages/Detail.js
index 9125a68..f0f330f 100644
--- a/src/pages/Detail.js
+++ b/src/pages/Detail.js
@@ -45,32 +45,6 @@ export function Detail(props) {
                         <p>{movieData.genre}</p>
                         <h3>IMDB Link</h3>
                         <p>{movieData.imdb_link}</p>
-                        <Form>
-                            <h3>Review this movie</h3>
-                            <Form.Group>
-                                <Form.Label>Star Rating</Form.Label>
-                                <Form.Select>
-                                    <option value="1">1</option>
-                                    <option value="2">2</option>
-                                    <option value="3">3</option>
-                                    <option value="4">4</option>
-                                    <option value="5">5</option>
-                                </Form.Select>
-                            </Form.Group>
-                            <Form.Group>
-                                <Form.Label>Title</Form.Label>
-                                <Form.Control type="text" placeholder="Best movie in ages!" />
-                            </Form.Group>
-                            <Form.Group>
-                                <Form.Label>Review</Form.Label>
-                                <Form.Control as="textarea" rows={4} cols={30} placeholder="This movie had me hooked!" />
-                            </Form.Group>
-                            <Button type="submit" variant="primary">Submit</Button>
-                            <Form.Group>
-                            <h3>Existing reviews of this book</h3>
-                            <p>To be added</p>
-                            </Form.Group>
-                        </Form>
                     </Col>
                 </Row>
                 <Row>