-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
92c42fd
commit a444106
Showing
6 changed files
with
227 additions
and
28 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| import React from 'react' | ||
| import Pagination from '@mui/material/Pagination' | ||
| import AccountCircleIcon from '@mui/icons-material/AccountCircle' | ||
| import Rating from '@mui/material/Rating' | ||
|
|
||
| const CommentSection = () => { | ||
| return ( | ||
| <div> | ||
| <h1 className="text-xl font-bold mb-4">Reviews</h1> | ||
| <div className="flex flex-col gap-10"> | ||
| <div> | ||
| <div className="flex items-center gap-1"> | ||
| <AccountCircleIcon fontSize="medium" /> | ||
| <h1>Mariam Khatoon</h1> | ||
| </div> | ||
| <div className="flex items-center mt-0.5 gap-2"> | ||
| <Rating defaultValue={3.5} precision={0.5} size="small" readOnly /> | ||
| <h3 className="pt-0.5 text-sm">3.5 out of 5</h3> | ||
| <h1 className="text-gray-500 text-sm pt-0.5 "> | ||
| Reviewed on Nov 15, 2023 | ||
| </h1> | ||
| </div> | ||
| <div className="mt-2"> | ||
| <h1 className="font-bold">Fresh and tasty</h1> | ||
| <h1 className="text-sm"> | ||
| good as described. doubt the weight as very few | ||
| </h1> | ||
| </div> | ||
| </div> | ||
| <div> | ||
| <div className="flex items-center gap-1"> | ||
| <AccountCircleIcon fontSize="medium" /> | ||
| <h1>Mariam Khatoon</h1> | ||
| </div> | ||
| <div className="flex items-center mt-0.5 gap-2"> | ||
| <Rating defaultValue={3.5} precision={0.5} size="small" readOnly /> | ||
| <h3 className="pt-0.5 text-sm">3.5 out of 5</h3> | ||
| <h1 className="text-gray-500 text-sm pt-0.5 "> | ||
| Reviewed on Nov 15, 2023 | ||
| </h1> | ||
| </div> | ||
| <div className="mt-2"> | ||
| <h1 className="font-bold">Fresh and tasty</h1> | ||
| <h1 className="text-sm"> | ||
| good as described. doubt the weight as very few organges arrived | ||
| </h1> | ||
| </div> | ||
| </div> | ||
| <div> | ||
| <div className="flex items-center gap-1"> | ||
| <AccountCircleIcon fontSize="medium" /> | ||
| <h1>Mariam Khatoon</h1> | ||
| </div> | ||
| <div className="flex items-center mt-0.5 gap-2"> | ||
| <Rating defaultValue={3.5} precision={0.5} size="small" readOnly /> | ||
| <h3 className="pt-0.5 text-sm">3.5 out of 5</h3> | ||
| <h1 className="text-gray-500 text-sm pt-0.5 "> | ||
| Reviewed on Nov 15, 2023 | ||
| </h1> | ||
| </div> | ||
| <div className="mt-2"> | ||
| <h1 className="font-bold">Fresh and tasty</h1> | ||
| <h1 className="text-sm"> | ||
| good as described. doubt the weight as very few organges arrived | ||
| fjhjef fekjfk dkjdfshkl dfjnjf kjdfsjkl | ||
| </h1> | ||
| </div> | ||
| </div> | ||
| <div className="mt-3"> | ||
| <Pagination count={4} /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default CommentSection |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import React from 'react' | ||
| import { MapContainer, Marker, Popup, TileLayer } from 'react-leaflet' | ||
|
|
||
| const LocationMap = () => { | ||
| return ( | ||
| <div className="h-80"> | ||
| <MapContainer | ||
| style={{ height: '100%', width: '100%' }} | ||
| center={[25.261, 55.315]} | ||
| zoom={13} | ||
| scrollWheelZoom={false} | ||
| > | ||
| <TileLayer | ||
| attribution='© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' | ||
| url="https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png" | ||
| /> | ||
| <Marker position={[25.261, 55.315]}> | ||
| <Popup> | ||
| A pretty CSS3 popup. <br /> Easily customizable. | ||
| </Popup> | ||
| </Marker> | ||
| </MapContainer> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default LocationMap |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| import React from 'react' | ||
| import RatingStats from '../components/RatingStats' | ||
| import ProductSlider from '../components/ProductSlider' | ||
| import CommentSection from '../components/CommentSection' | ||
| import LocationMap from '../components/LocationMap' | ||
| import LocationOnIcon from '@mui/icons-material/LocationOn' | ||
| import PhonelinkRingIcon from '@mui/icons-material/PhonelinkRing' | ||
| import ArrowBackIcon from '@mui/icons-material/ArrowBack' | ||
| import EditIcon from '@mui/icons-material/Edit' | ||
|
|
||
| const FarmerProfile = () => { | ||
| return ( | ||
| <div className="md:px-36 px-14 pt-10 mb-32 font-noto"> | ||
| <div className="flex items-center gap-2 mb-5 ml-10 hover:cursor-pointer"> | ||
| <ArrowBackIcon /> | ||
| <h3 className="text-xl">Back</h3> | ||
| </div> | ||
| <div className="flex"> | ||
| <div className="grid grid-cols-3 gap-10"> | ||
| <div className="col-span-1 px-10 py-10 border border-1 border-zinc-300 rounded-2xl mb-10"> | ||
| <div className="w-74 h-64 flex items-center justify-center overflow-hidden"> | ||
| <img | ||
| className="object-cover w-full h-full" | ||
| src="/mazaara-farm.webp" | ||
| alt="" | ||
| /> | ||
| </div> | ||
| <div className="flex items-center gap-3 justify-between"> | ||
| <h1 className="text-2xl font-bold pt-3">Mariam Khatoon</h1> | ||
| <div className="hover:cursor-pointer"> | ||
| <EditIcon fontSize="small" /> | ||
| </div> | ||
| </div> | ||
| <div> | ||
| Family farmer. Apples, berries, litchis. Quality, sustainable | ||
| practices. | ||
| </div> | ||
| <div className="flex items-center gap-3 pt-7 text-sm"> | ||
| <PhonelinkRingIcon /> | ||
| +971 50 243 0978 | ||
| </div> | ||
| <div className="flex items-center gap-3 mt-3 text-sm"> | ||
| <LocationOnIcon /> | ||
| Flat 503, Sapphire Building, Silicon Oasis, Dubai, United Arab | ||
| Emirates | ||
| </div> | ||
| <div className="pt-10"> | ||
| <RatingStats /> | ||
| </div> | ||
| </div> | ||
| <div className="ml-10 col-span-2"> | ||
| <div className="mt-7"> | ||
| <ProductSlider | ||
| noOfSlides={3} | ||
| height={64} | ||
| heading={'Products sold by Mariam'} | ||
| editable={true} | ||
| /> | ||
| </div> | ||
| <div className="mt-5"> | ||
| <h1 className=" font-noto font-bold text-xl mb-5"> | ||
| Location on Map | ||
| </h1> | ||
| <div className="h-96"> | ||
| <LocationMap /> | ||
| </div> | ||
| </div> | ||
| <div> | ||
| <CommentSection /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="h-96"></div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default FarmerProfile |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters