Development (#494)

* update the authorization technique to check if user role matches ite priority

* include roles as a sign up property, add the history menu to the landing page

* fix build errors

* Add landing page background image

---------

Co-authored-by: Olasunkanmi Oyinlola <[email protected]>

frontend/src/pages/Landing.tsx

@@ -1,12 +1,7 @@
-import { CSSProperties, useState } from "react";
+import { CSSProperties } from "react";
 import { Button, Stack } from "react-bootstrap";
-import { CallToAction } from "../components/Utilities/modal";
-import { AuthModal } from "../components/Utilities/AuthModal";
 
 export const Landing = () => {
- const [showModal, setShowModal] = useState<boolean>(false);
- const handleCloseModal = () => setShowModal(false);
- const handleShowModal = () => setShowModal(true);
  const pageStyle: CSSProperties = {
  margin: 0,
  padding: 0,
@@ -19,7 +14,7 @@ export const Landing = () => {
  left: 0,
  width: "100%",
  height: "100%",
- backgroundImage: `url(/food-background.jpg)`,
+ backgroundImage: `url(public/food-background.jpg)`,
  backgroundSize: "cover",
  backgroundPosition: "center",
  opacity: 0.5,
@@ -35,7 +30,6 @@ export const Landing = () => {
  <div style={backgroundOverlayStyle}></div>
  <Stack direction="vertical" gap={3} className="p-3 fixed-bottom">
  <Button
- onClick={handleShowModal}
  className="w-10"
  size="lg"
  style={{ ...buttonStyle, backgroundColor: "#407c54", borderColor: "#407c54" }}
@@ -46,12 +40,6 @@ export const Landing = () => {
  Order HISTORY
  </Button>
  </Stack>
-
- <div>
- <CallToAction handleAction={handleCloseModal} handleClose={handleCloseModal} show={showModal}>
- <AuthModal />
- </CallToAction>
- </div>
  </div>
  );
 };