From 73206715891ce61a2329cf8f18165bddbb1598b8 Mon Sep 17 00:00:00 2001
From: jbpenrath <jb.penrath@gmail.com>
Date: Wed, 14 Feb 2024 00:40:10 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC(demo)=20transform=20gender=20form?=
 =?UTF-8?q?=20into=20sex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

To stick to civil information we rename gender field to sex.
---
 apps/demo/src/Character.ts | 82 +++++++++++++++++++-------------------
 apps/demo/src/Create.tsx   |  7 +---
 apps/demo/src/Home.tsx     |  4 +-
 3 files changed, 45 insertions(+), 48 deletions(-)

diff --git a/apps/demo/src/Character.ts b/apps/demo/src/Character.ts
index 701f5a6..41707e0 100644
--- a/apps/demo/src/Character.ts
+++ b/apps/demo/src/Character.ts
@@ -3,7 +3,7 @@ import { faker } from "@faker-js/faker";
 export interface Character {
   id: string;
   name: string;
-  gender: "male" | "female" | "other";
+  sex: "male" | "female";
   birthDate: Date;
   firstAppearanceDate: Date;
   lastAppearanceDate: Date;
@@ -28,141 +28,141 @@ export const database: Character[] = [
   {
     id: faker.string.uuid(),
     name: "Richie Cunningham",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Joanie Cunningham",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Arthur Fonzarelli",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Marion Cunningham",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Ralph Malph",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Howard Cunningham",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Marsha Simms",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Warren Berlinger",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Al Molinaro",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Verna LaVerne",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Arnold Takahashi",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Linda Purl",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Crystal Bernard",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Heather O'Rourke",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Scott Bernstein",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Ed Peck",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Beatrice Colen",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Dody Goodman",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Linda Dano",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Gavan O'Herlihy",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
 ];
diff --git a/apps/demo/src/Create.tsx b/apps/demo/src/Create.tsx
index 8a17753..2b4cdd2 100644
--- a/apps/demo/src/Create.tsx
+++ b/apps/demo/src/Create.tsx
@@ -27,7 +27,7 @@ export const Create = ({ changePage }: PageProps) => {
     const character: Character = {
       id: faker.string.uuid(),
       name: inputRef.current?.value || "",
-      gender: "male",
+      sex: "male",
       isGuest: false,
       ...randomDates(),
     };
@@ -52,7 +52,7 @@ export const Create = ({ changePage }: PageProps) => {
           fullWidth={true}
         />
         <Select
-          label="Gender"
+          label="Sex"
           fullWidth={true}
           options={[
             {
@@ -61,9 +61,6 @@ export const Create = ({ changePage }: PageProps) => {
             {
               label: "Female",
             },
-            {
-              label: "Other",
-            },
           ]}
         />
         <DatePicker label="Birth Date" fullWidth={true} />
diff --git a/apps/demo/src/Home.tsx b/apps/demo/src/Home.tsx
index 140894e..d4cf0d9 100644
--- a/apps/demo/src/Home.tsx
+++ b/apps/demo/src/Home.tsx
@@ -83,8 +83,8 @@ export const Home = ({ changePage }: PageProps) => {
               headerName: "Name",
             },
             {
-              field: "gender",
-              headerName: "Gender",
+              field: "sex",
+              headerName: "Sex",
             },
             {
               id: "birthDate",