diff --git a/src/students/Shani-Mishaely/Card.tsx b/src/students/Shani-Mishaely/Card.tsx new file mode 100644 index 0000000..5a2eddc --- /dev/null +++ b/src/students/Shani-Mishaely/Card.tsx @@ -0,0 +1,11 @@ +import styles from "./styles.module.css"; +import { CardProps } from "../../types"; + +export default function ShaniCard({ student, onClick }: CardProps) { + return ( +
+

{student.jokeTitle}

+

{student.name}

+
+ ); +} \ No newline at end of file diff --git a/src/students/Shani-Mishaely/JokePage.tsx b/src/students/Shani-Mishaely/JokePage.tsx new file mode 100644 index 0000000..ac0891e --- /dev/null +++ b/src/students/Shani-Mishaely/JokePage.tsx @@ -0,0 +1,16 @@ +import styles from "./styles.module.css"; +import { PageProps } from "../../types"; + +export default function ShaniJokePage({ onBack }: PageProps) { + return ( +
+

מה אומר קיר אחד לקיר השני? 🧱

+
+

+ "ניפגש בפינה!" 🤭 +

+
+ +
+ ); +} \ No newline at end of file diff --git a/src/students/Shani-Mishaely/styles.module.css b/src/students/Shani-Mishaely/styles.module.css new file mode 100644 index 0000000..66ee6b3 --- /dev/null +++ b/src/students/Shani-Mishaely/styles.module.css @@ -0,0 +1,16 @@ +.card { + padding: 20px; + border-radius: 8px; + background-color: #f3f4f6; + cursor: pointer; + transition: transform 0.2s; +} + +.card:hover { + transform: scale(1.05); +} + +.jokePage { + padding: 40px; + text-align: center; +} \ No newline at end of file diff --git a/src/students/index.ts b/src/students/index.ts index badc897..8955fe4 100644 --- a/src/students/index.ts +++ b/src/students/index.ts @@ -11,6 +11,10 @@ import RachelWeinbergerJokePage from "./rachel-weinberger/JokePage"; import RachelWeinbergerCard from "./rachel-weinberger/Card"; +import ShaniCard from "./Shani-Mishaely/Card"; +import ShaniJokePage from "./Shani-Mishaely/JokePage"; + + // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה. // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית. @@ -31,7 +35,7 @@ const students: Student[] = [ CardComponent: ChaniChanzinCard, JokePageComponent: ChaniChanzinJokePage, }, - + { id:"yehudit", name: "יהודית", @@ -39,17 +43,21 @@ const students: Student[] = [ CardComponent: yehuditCard, JokePageComponent: yehuditJokePage, }, - - - { + id: "rachel-weinberger", name: "רחלי וינברגר", jokeTitle: "כפית אחת יותר מדי", CardComponent: RachelWeinbergerCard, JokePageComponent: RachelWeinbergerJokePage, }, - + { + id: "Shani-Mishaely", + name: "שני מישאלי", + jokeTitle: "סודות של קירות... 🧱", + CardComponent: ShaniCard, + JokePageComponent: ShaniJokePage, + }, ]; export default students;