diff --git a/frontend/src/app/seminar/Seminar.tsx b/frontend/src/app/seminar/Seminar.tsx index 357f3add..33b4a241 100644 --- a/frontend/src/app/seminar/Seminar.tsx +++ b/frontend/src/app/seminar/Seminar.tsx @@ -5,14 +5,14 @@ import SeminarLine from './SeminarLine'; import ViewAllButton from './ViewAllButton'; export type Person = { - name: string; - surname: string; - linkedin: string; - instagram: string; - facebook: string; - image: string; - position: string; - university: string; + name: string, + surname: string, + linkedin: string, + instagram: string, + facebook: string, + image: string, + position: string, + university: string, } export default function Seminar() { diff --git a/frontend/src/app/seminar/SeminarCard.tsx b/frontend/src/app/seminar/SeminarCard.tsx index 66f74f78..66a252b5 100644 --- a/frontend/src/app/seminar/SeminarCard.tsx +++ b/frontend/src/app/seminar/SeminarCard.tsx @@ -15,7 +15,7 @@ export default function SeminarCard({ key, person }: { key: number, person: Pers - {person.name} + {person.name
diff --git a/frontend/src/app/seminar/ViewAllButton.tsx b/frontend/src/app/seminar/ViewAllButton.tsx index 95bb7e3e..ada8d5ff 100644 --- a/frontend/src/app/seminar/ViewAllButton.tsx +++ b/frontend/src/app/seminar/ViewAllButton.tsx @@ -4,11 +4,11 @@ import Image from 'next/image'; export default function ViewAllButton({ text, width }: { text: string, width?: number }) { return ( - ); } \ No newline at end of file diff --git a/frontend/src/app/staff/Staff.tsx b/frontend/src/app/staff/Staff.tsx index f47c7041..b89f669e 100644 --- a/frontend/src/app/staff/Staff.tsx +++ b/frontend/src/app/staff/Staff.tsx @@ -1,10 +1,19 @@ import React from 'react'; import StaffHeader from './StaffHeader'; +import StaffLine from './StaffLine'; + +export type Staff = { + name: string, + surname: string, + team: string, + image: string, +} export default function Staff() { return (
- + +
); } diff --git a/frontend/src/app/staff/StaffCard.tsx b/frontend/src/app/staff/StaffCard.tsx new file mode 100644 index 00000000..6fb7c6c0 --- /dev/null +++ b/frontend/src/app/staff/StaffCard.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { Staff } from './Staff'; +import Image from 'next/image'; + +export default function StaffCard({ key, person }: { key: number, person: Staff }) { + return ( +
+ {person.name +
+ {person.name} {person.surname} +
+
+ {person.team} +
+
+ ); +} \ No newline at end of file diff --git a/frontend/src/app/staff/StaffLine.tsx b/frontend/src/app/staff/StaffLine.tsx new file mode 100644 index 00000000..042d3aed --- /dev/null +++ b/frontend/src/app/staff/StaffLine.tsx @@ -0,0 +1,55 @@ +import React from 'react'; +import { Staff } from './Staff'; +import StaffCard from './StaffCard'; +import Sample from './assets/Sample.svg'; + +export default function StaffLine() { + const staff: Staff[] = [ + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + { + name: 'John Doe', + surname: 'Doe', + team: 'Team', + image: Sample.src, + }, + ]; + + return ( +
+ { + staff.map((person, index) => ( + + )) + } +
+ ); +} \ No newline at end of file diff --git a/frontend/src/app/staff/ViewAllButton.tsx b/frontend/src/app/staff/ViewAllButton.tsx index c2c79a20..01d17e87 100644 --- a/frontend/src/app/staff/ViewAllButton.tsx +++ b/frontend/src/app/staff/ViewAllButton.tsx @@ -4,11 +4,11 @@ import Image from 'next/image'; export default function ViewAllButton({ text, width }: { text: string, width?: number }) { return ( - ); } \ No newline at end of file diff --git a/frontend/src/app/staff/assets/Sample.svg b/frontend/src/app/staff/assets/Sample.svg new file mode 100644 index 00000000..2ccd62f3 --- /dev/null +++ b/frontend/src/app/staff/assets/Sample.svg @@ -0,0 +1,9 @@ + + + + + + + + +