From ad135e7de06789b4a0a1be2c90e430137f581dde Mon Sep 17 00:00:00 2001 From: mrobeidat Date: Mon, 3 Jan 2022 20:28:25 +0200 Subject: [PATCH 1/4] section4 --- contexts/auth.js | 2 +- package-lock.json | 133 +++++++++++ package.json | 1 + pages/components/hospitalProfile.js | 68 +++--- pages/components/userProfile.js | 2 +- .../{Homa_page.js => HomePage.js} | 10 +- pages/home_compnenet/Navbar.js | 2 +- pages/home_compnenet/SectionFive.js | 125 +++++++++++ pages/home_compnenet/SectionFour.js | 122 +++++++++++ pages/home_compnenet/SectiontThree.js | 5 +- pages/index.js | 5 +- public/img/connect.svg | 87 ++++++++ public/img/flower.png | Bin 0 -> 265499 bytes public/img/landing.jpg | Bin 106874 -> 0 bytes public/img/love.png | Bin 0 -> 6309 bytes public/img/separator.png | Bin 0 -> 2376 bytes styles/video.css | 207 +++++++++++++++++- 17 files changed, 721 insertions(+), 48 deletions(-) rename pages/home_compnenet/{Homa_page.js => HomePage.js} (86%) create mode 100644 pages/home_compnenet/SectionFive.js create mode 100644 pages/home_compnenet/SectionFour.js create mode 100644 public/img/connect.svg create mode 100644 public/img/flower.png delete mode 100644 public/img/landing.jpg create mode 100644 public/img/love.png create mode 100644 public/img/separator.png diff --git a/contexts/auth.js b/contexts/auth.js index a824654..efbd36a 100644 --- a/contexts/auth.js +++ b/contexts/auth.js @@ -1,5 +1,5 @@ import { createContext, useContext, useState } from 'react'; -import jwt from 'jsonwebtoken'; +// import jwt from 'jsonwebtoken'; import axios from 'axios' const baseUrl = "http://127.0.0.1:8000/" // const baseUrl = process.env.NEXT_PUBLIC_API_URL; diff --git a/package-lock.json b/package-lock.json index 5b6233e..1a502bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "prop-types": "^15.8.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "reactstrap": "^9.0.1", "smooth-scrollbar": "^8.7.2" }, "devDependencies": { @@ -1839,6 +1840,11 @@ } } }, + "node_modules/csstype": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz", + "integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==" + }, "node_modules/data-uri-to-buffer": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz", @@ -1933,6 +1939,15 @@ "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", "dev": true }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "node_modules/domain-browser": { "version": "4.19.0", "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.19.0.tgz", @@ -4023,11 +4038,29 @@ "react": "17.0.2" } }, + "node_modules/react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" + }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, + "node_modules/react-popper": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.2.5.tgz", + "integrity": "sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==", + "dependencies": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + }, + "peerDependencies": { + "@popperjs/core": "^2.0.0", + "react": "^16.8.0 || ^17" + } + }, "node_modules/react-refresh": { "version": "0.8.3", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", @@ -4036,6 +4069,38 @@ "node": ">=0.10.0" } }, + "node_modules/react-transition-group": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz", + "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==", + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, + "node_modules/reactstrap": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/reactstrap/-/reactstrap-9.0.1.tgz", + "integrity": "sha512-89VOv7SRlAlpS7RwXhzOQkSWkuhBR8LBsPGfNHifNL3WhtNP9y1sBdTcTYyH1ee2QtI8zRdwD0T5I/blHiwemg==", + "dependencies": { + "@babel/runtime": "^7.12.5", + "@popperjs/core": "^2.6.0", + "classnames": "^2.2.3", + "prop-types": "^15.5.8", + "react-popper": "^2.2.4", + "react-transition-group": "^4.4.2" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, "node_modules/readable-stream": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", @@ -4930,6 +4995,14 @@ "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz", "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==" }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.0.tgz", @@ -6504,6 +6577,11 @@ "cssnano-preset-simple": "^3.0.0" } }, + "csstype": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz", + "integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==" + }, "data-uri-to-buffer": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz", @@ -6585,6 +6663,15 @@ "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", "dev": true }, + "dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "requires": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "domain-browser": { "version": "4.19.0", "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.19.0.tgz", @@ -8111,16 +8198,54 @@ "scheduler": "^0.20.2" } }, + "react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" + }, "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, + "react-popper": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.2.5.tgz", + "integrity": "sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==", + "requires": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + } + }, "react-refresh": { "version": "0.8.3", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==" }, + "react-transition-group": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz", + "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==", + "requires": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + } + }, + "reactstrap": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/reactstrap/-/reactstrap-9.0.1.tgz", + "integrity": "sha512-89VOv7SRlAlpS7RwXhzOQkSWkuhBR8LBsPGfNHifNL3WhtNP9y1sBdTcTYyH1ee2QtI8zRdwD0T5I/blHiwemg==", + "requires": { + "@babel/runtime": "^7.12.5", + "@popperjs/core": "^2.6.0", + "classnames": "^2.2.3", + "prop-types": "^15.5.8", + "react-popper": "^2.2.4", + "react-transition-group": "^4.4.2" + } + }, "readable-stream": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", @@ -8769,6 +8894,14 @@ "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz", "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==" }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.0.tgz", diff --git a/package.json b/package.json index f521ed9..d750032 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "prop-types": "^15.8.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "reactstrap": "^9.0.1", "smooth-scrollbar": "^8.7.2" }, "devDependencies": { diff --git a/pages/components/hospitalProfile.js b/pages/components/hospitalProfile.js index 5f28f00..8dd097f 100644 --- a/pages/components/hospitalProfile.js +++ b/pages/components/hospitalProfile.js @@ -2,6 +2,9 @@ import axios from "axios"; import { useState } from "react"; +// import Navbar from 'home_compnenet/Navbar.js'; + + function HospitalProfile() { const [result, setResult] = useState([]); const [location, setLocation] = useState([]); @@ -17,41 +20,35 @@ function HospitalProfile() { e.preventDefault(); await axios.get("http://127.0.0.1:8000/account/view/").then((data) => { let newData = data.data - let filteredData = newData.filter(item =>item.blood_type == bloodType && item.location == location) - setResult (filteredData) + let filteredData = newData.filter(item => item.blood_type == bloodType && item.location == location) + setResult(filteredData) }); }; return ( <> -
- */} +
+ hospital -

Isteqlal

-
- -
-

- Website -

-
- -
-
- - - - - -
+

Isteqlal Website

+
- + + + + + + + + +
@@ -66,15 +63,14 @@ function HospitalProfile() { return ( - - - - - - - + className="even:bg-emerald-300 odd:bg-emerald-200 border border-emerald-700 h-10 place-self-center"> + + + + + + + ); })} diff --git a/pages/components/userProfile.js b/pages/components/userProfile.js index 3234575..c1aeb03 100644 --- a/pages/components/userProfile.js +++ b/pages/components/userProfile.js @@ -2,7 +2,7 @@ import { useState, useEffect } from "react"; import EditForm from "./editForm"; import axios from "axios"; import { useRouter } from 'next/router' -import { PencilAltIcon } from "@heroicons/react/outline"; +// import { PencilAltIcon } from "@heroicons/react/outline"; function UserProfile(props) { // const router = useRouter(); // let profile = JSON.parse(router.query.data) diff --git a/pages/home_compnenet/Homa_page.js b/pages/home_compnenet/HomePage.js similarity index 86% rename from pages/home_compnenet/Homa_page.js rename to pages/home_compnenet/HomePage.js index 090f9a4..fd5f04c 100644 --- a/pages/home_compnenet/Homa_page.js +++ b/pages/home_compnenet/HomePage.js @@ -3,6 +3,9 @@ import Navbar from './Navbar' import Sectiontwo from './Sectiontwo' // import LoginForm from './LoginForm' import SectiontThree from './SectiontThree' +import SectionFour from './SectionFour' +import SectionFive from './SectionFive' + import Footer from './Footer' // import Signupform from './Signupform' import LoginForm from './LoginForm' @@ -11,9 +14,10 @@ import Signupformhospital from './Signupfromhospital' import { useEffect } from 'react' import { TweenMax, Power3, TimelineLite,Expo,gsap } from "gsap"; + import { ScrollTrigger } from "gsap/dist/ScrollTrigger"; -const Homa_page =()=> { +const HomePage =()=> { useEffect(() => { gsap.from('.imagenav',1.5, { y:1000 ,opacity: 0, delay:1,ease:Power3.easeInOut}); gsap.from('.contenttext',1, { x:-200 , opacity: 0 , delay:0.4,ease:Power3.easeInOut}); @@ -30,6 +34,8 @@ const Homa_page =()=> { {/* */} {/* */} + + {/* */}
Name Location
{`${item.first_name} ${item.last_name}`}{item.location}{item.blood_type}{item.phone_number}{item.age}{item.chronic_diseases}{item.email}{`${item.first_name} ${item.last_name}`}{item.location}{item.blood_type}{item.phone_number}{item.age}{item.chronic_diseases}{item.email}