Release Preview

package.json

@@ -1,6 +1,6 @@
 {
   "name": "food-waste-quotes",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": true,
   "scripts": {
     "dev": "yarn inc && yarn config-pkg && vite --port $PORT",

src/App.tsx

@@ -5,14 +5,14 @@ import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
 import Home from "./views/Home";
 import Admin from "./views/Admin";
 
-import { Version } from "./config";
+import { Version, BuildTime } from "./config";
 
 export default function App() {
   return (
     <Router>
       <div className="App">
         <div className="navbar bg-primary px-4">
-          <div className="brand">
+          <div className="brand" title={`Built at ${BuildTime}`}>
             <Link to="/" className="navbar-brand fs-2">
               Food Waste Quotes
             </Link>

src/components/FormModal.scss

@@ -0,0 +1,5 @@
+.example {
+  background-color: #f6f8fa;
+  padding: 0.3em 0.6em;
+  border-radius: 0.3em;
+}

src/components/FormModal.tsx

@@ -1,6 +1,8 @@
 import { useState } from "react";
 import { Modal } from "react-bootstrap";
 
+import "./FormModal.scss";
+
 export default function FormModal({
   show,
   onHide,
@@ -20,7 +22,16 @@ export default function FormModal({
         <p className="fw-bolder h3">Add Quote</p>
       </Modal.Header>
       <Modal.Body>
-        <p>Add your Quote here</p>
+        <p className="fw-bold h5">Example</p>
+        <p className="example">
+          Methane Produced by this Meal equals to a dog's fart of __PARAM__
+          days!
+        </p>
+        <p className="text-muted fst-italic">
+          __PARAM__ will be replaced by 'count' proportional to amount of food
+          left
+        </p>
+        <hr />
         <label className="form-label fw-bold">Quote</label>
         <textarea
           className="form-control"
@@ -45,7 +56,7 @@ export default function FormModal({
           Cancel
         </button>
         <button
-          className="btn btn-primary"
+          className="btn btn-success"
           onClick={() => {
             onHide();
             onSubmit(quote, lang, count);