From a211601c913af0ac35ba485b0cf064f6d005676a Mon Sep 17 00:00:00 2001 From: John Doe Date: Tue, 12 Sep 2023 17:32:40 +0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=9F=20Added=20initial=20code=20structu?= =?UTF-8?q?re=20and=20components.=20=F0=9F=9A=97=20Implemented=20CarCard?= =?UTF-8?q?=20component.=20=F0=9F=92=AC=20Added=20CommentListing=20compone?= =?UTF-8?q?nt.=20=F0=9F=8C=9F=20Enhanced=20UI=20with=20StartRating=20compo?= =?UTF-8?q?nent.=20=F0=9F=8F=A1=20Worked=20on=20StayCard=20and=20Experienc?= =?UTF-8?q?esCard=20components.=20=F0=9F=93=9D=20Updated=20AuthorPage=20co?= =?UTF-8?q?mponent.=20=F0=9F=8C=90=20Added=20social=20media=20links=20and?= =?UTF-8?q?=20location=20details.=20=F0=9F=93=85=20Updated=20member=20sinc?= =?UTF-8?q?e=20information.=20=F0=9F=93=A6=20Added=20Tab=20functionality?= =?UTF-8?q?=20for=20listings.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/author/page.tsx | 226 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 226 insertions(+) create mode 100644 src/app/author/page.tsx diff --git a/src/app/author/page.tsx b/src/app/author/page.tsx new file mode 100644 index 0000000..0a89126 --- /dev/null +++ b/src/app/author/page.tsx @@ -0,0 +1,226 @@ +"use client"; + +import { Tab } from "@headlessui/react"; +import CarCard from "@/components/CarCard"; +import CommentListing from "@/components/CommentListing"; +import ExperiencesCard from "@/components/ExperiencesCard"; +import StartRating from "@/components/StartRating"; +import StayCard from "@/components/StayCard2"; +import { + DEMO_CAR_LISTINGS, + DEMO_EXPERIENCES_LISTINGS, + DEMO_STAY_LISTINGS, +} from "@/data/listings"; +import React, { FC, Fragment, useState } from "react"; +import Avatar from "@/shared/Avatar"; +import ButtonSecondary from "@/shared/ButtonSecondary"; +import SocialsList from "@/shared/SocialsList"; + +export interface AuthorPageProps {} + +const AuthorPage: FC = ({}) => { + let [categories] = useState(["Stays", "Experiences", "Car for rent"]); + + const renderSidebar = () => { + return ( +
+ + + {/* ---- */} +
+

Kevin Francis

+ +
+ + {/* ---- */} +

+ Providing lake views, The Symphony 9 Tam Coc in Ninh Binh provides + accommodation, an outdoor. +

+ + {/* ---- */} + + + {/* ---- */} +
+ + {/* ---- */} +
+
+ + + + + Ha Noi, Viet Nam + +
+
+ + + + + Speaking English + +
+ +
+ + + + + Joined in March 2016 + +
+
+
+ ); + }; + + const renderSection1 = () => { + return ( +
+
+

{`Kevin Francis's listings`}

+ + {`Kevin Francis's listings is very rich, 5 star reviews help him to be + more branded.`} + +
+
+ +
+ + + {categories.map((item) => ( + + {({ selected }) => ( + + )} + + ))} + + + +
+ {DEMO_STAY_LISTINGS.filter((_, i) => i < 4).map((stay) => ( + + ))} +
+
+ Show me more +
+
+ +
+ {DEMO_EXPERIENCES_LISTINGS.filter((_, i) => i < 4).map( + (stay) => ( + + ) + )} +
+
+ Show me more +
+
+ +
+ {DEMO_CAR_LISTINGS.filter((_, i) => i < 4).map((stay) => ( + + ))} +
+
+ Show me more +
+
+
+
+
+
+ ); + }; + + const renderSection2 = () => { + return ( +
+ {/* HEADING */} +

Reviews (23 reviews)

+
+ + {/* comment */} +
+ + + + +
+ View more 20 reviews +
+
+
+ ); + }; + + return ( +
+
+
+
{renderSidebar()}
+
+
+ {renderSection1()} + {renderSection2()} +
+
+
+ ); +}; + +export default AuthorPage;