huncholaneable to populate data
huncholane2 files changed, +8 -1
+4-0components/data/teamData.js
| @@ -1,5 +1,6 @@ | ||
| 1 | 1 | const teamData = [ |
| 2 | 2 | { |
| 3 | + id: "shaun-lake", | |
| 3 | 4 | img: "/assets/img/team/h2_team_img01.jpg", |
| 4 | 5 | linkedIn: "#", |
| 5 | 6 | twitter: "#", |
| @@ -29,6 +30,7 @@ const teamData = [ | ||
| 29 | 30 | }, |
| 30 | 31 | }, |
| 31 | 32 | { |
| 33 | + id: "zack-stevens", | |
| 32 | 34 | img: "/assets/img/team/h2_team_img02.jpg", |
| 33 | 35 | linkedIn: "#", |
| 34 | 36 | twitter: "#", |
| @@ -38,6 +40,7 @@ const teamData = [ | ||
| 38 | 40 | position: "Co-Founder", |
| 39 | 41 | }, |
| 40 | 42 | { |
| 43 | + id: "lane-henslee", | |
| 41 | 44 | img: "/assets/img/team/h2_team_img03.jpg", |
| 42 | 45 | linkedIn: "#", |
| 43 | 46 | twitter: "#", |
| @@ -47,6 +50,7 @@ const teamData = [ | ||
| 47 | 50 | position: "Software Developer", |
| 48 | 51 | }, |
| 49 | 52 | { |
| 53 | + id: "xander-andre", | |
| 50 | 54 | img: "/assets/img/team/h2_team_img04.jpg", |
| 51 | 55 | linkedIn: "#", |
| 52 | 56 | twitter: "#", |
+4-1pages/team/[id].js
| @@ -1,10 +1,13 @@ | ||
| 1 | +import teamData from "@/components/data/teamData"; | |
| 1 | 2 | import { useRouter } from "next/router"; |
| 3 | +import TeamDetails from "../team-details"; | |
| 2 | 4 | |
| 3 | 5 | const TeamMember = () => { |
| 4 | 6 | const router = useRouter(); |
| 5 | 7 | const { id } = router.query; |
| 8 | + const memberData = teamData.find((member) => member.id === id); | |
| 6 | 9 | |
| 7 | - return <p>Team Member: {id}</p>; | |
| 10 | + return <TeamDetails {...memberData} />; | |
| 8 | 11 | }; |
| 9 | 12 | |
| 10 | 13 | export default TeamMember; |