Split name into first and last name

src/components/Input.jsx

@@ -1,5 +1,6 @@
 const Input = ({
  name,
+ lastName,
  type,
  title,
  placeholder,
@@ -21,6 +22,7 @@ const Input = ({
  className="truncate disabled:border-0 border-b-2 border-black pl-3 w-full focus:outline-none placeholder:text-hackathon-gray-200 bg-transparent"
  type={type}
  name={name}
+ lastName={lastName}
  placeholder={placeholder}
  value={value}
  maxLength={maxLength}

src/components/form/Admin.jsx

@@ -10,9 +10,20 @@ import { STATUSES } from "@/data/admin/Admins";
 
 const Admin = () => {
  const { data: session } = useSession();
+
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [admin, setAdmin] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "admins",

src/components/form/Committee.jsx

@@ -10,12 +10,22 @@ import { STATUSES } from "@/data/admin/Committees";
 
 const Committee = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [committee, setCommittee] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
- form: "committees",
+ form: "admins",
  });
 
  const handleSubmit = (setLoading, setState) => {

src/components/form/Interest.jsx

@@ -10,9 +10,20 @@ import { STATUSES } from "@/data/admin/Interests";
 
 const Interest = () => {
  const { data: session } = useSession();
+
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [interest, setInterest] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "interests",

src/components/form/Judge.jsx

@@ -10,12 +10,21 @@ import { STATUSES } from "@/data/admin/Judges.js";
 
 const Judge = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [judge, setJudge] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
- photo: session.user.photo ?? null,
  form: "judges",
  });
 

src/components/form/Lead.jsx

@@ -10,11 +10,21 @@ import { STATUSES } from "@/data/admin/Leads";
 
 const Lead = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [lead, setLead] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
- roles: session.user.roles,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
+ roles: session.user.roles,
  form: "leads",
  });
 

src/components/form/Mentor.jsx

@@ -11,9 +11,19 @@ import { STATUSES } from "@/data/admin/Mentors.js";
 const Mentor = () => {
  const { data: session } = useSession();
 
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [mentor, setMentor] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "mentors",

src/components/form/Panelist.jsx

@@ -10,12 +10,21 @@ import { STATUSES } from "@/data/admin/Panelists";
 
 const Panel = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [panel, setPanel] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
- photo: session.user.photo ?? null,
  form: "panels",
  });
 

src/components/form/Participant.jsx

@@ -10,9 +10,19 @@ import { STATUSES } from "@/data/admin/Participants.js";
 
 const Participant = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [participant, setParticipant] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "participants",

src/components/form/Sponsor.jsx

@@ -10,9 +10,19 @@ import { STATUSES } from "@/data/admin/Sponsors";
 
 const Sponsor = () => {
  const { data: session } = useSession();
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [sponsor, setSponsor] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "sponsors",

src/components/form/Volunteer.jsx

@@ -11,9 +11,19 @@ import { STATUSES } from "@/data/admin/Volunteers.js";
 const Volunteer = () => {
  const { data: session } = useSession();
 
+ function extractFirstName(str) {
+ return str.trim().split(" ")[0];
+ }
+
+ function extractLastName(str) {
+ return str.trim().split(" ")[1];
+ }
+
  const [volunteer, setVolunteer] = useState({
  ...ATTRIBUTES,
  name: session.user.name,
+ firstName: extractFirstName(session.user.name),
+ lastName: extractLastName(session.user.name),
  email: session.user.email,
  roles: session.user.roles,
  form: "volunteers",

src/components/form/form/Questions.jsx

@@ -83,6 +83,7 @@ const Questions = ({
  {field.input === "input" && (
  <Input
  name={field.name}
+ lastName={field.lastName}
  type={field.type}
  title={field.title}
  placeholder={field.placeholder}

src/data/admin/Admins.js

@@ -29,6 +29,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Committees.js

@@ -29,6 +29,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Interests.js

@@ -27,6 +27,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Judges.js

@@ -30,6 +30,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Leads.js

@@ -29,6 +29,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Mentors.js

@@ -30,6 +30,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Panelists.js

@@ -30,6 +30,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Participants.js

@@ -30,6 +30,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",

src/data/admin/Sponsors.js

@@ -29,6 +29,15 @@ export const COLUMNS = [
  searchable: true,
  cell: ({ getValue }) => <div>{getValue()}</div>,
  },
+ {
+ accessorKey: "lastName",
+ header: "Last Name",
+ width: "w-3/12",
+ enableColumnFilter: true,
+ filterFn: "includesString",
+ searchable: true,
+ cell: ({ getValue }) => <div>{getValue()}</div>,
+ },
  {
  accessorKey: "email",
  header: "Email",