-
+
+
+
+
);
}
diff --git a/src/data/company.ts b/src/data/company.ts
new file mode 100644
index 0000000..c73333d
--- /dev/null
+++ b/src/data/company.ts
@@ -0,0 +1,27 @@
+export interface Address {
+ street: string;
+ building: string;
+ city: string;
+ postalCode: string;
+ country: string;
+}
+
+export interface Company {
+ name: string;
+ url?: string;
+ nip: string;
+ offices: BranchOffice[];
+}
+
+export interface BranchOffice {
+ address: Address;
+}
+
+export const emptyCompany: Company = {
+ offices: [],
+ url: "",
+ name: "",
+ nip: "",
+}
+
+export const formatAddress = ({ postalCode, building, street, city, country }: Address): string => `${street} ${building}, ${postalCode} ${city}, ${country}`
diff --git a/src/data/internship.ts b/src/data/internship.ts
new file mode 100644
index 0000000..03a557e
--- /dev/null
+++ b/src/data/internship.ts
@@ -0,0 +1,23 @@
+import { Moment } from "moment";
+import { Nullable } from "../helpers";
+
+export enum InternshipType { }
+export enum InternshipProgram { }
+
+export interface Internship {
+ type: InternshipType;
+ program: InternshipProgram;
+ startDate: Moment;
+ endDate: Moment;
+ isAccepted: boolean;
+ lengthInWeeks: number;
+}
+
+export const emptyInternship: Nullable
= {
+ endDate: null,
+ startDate: null,
+ type: null,
+ program: null,
+ isAccepted: false,
+ lengthInWeeks: 0,
+}
diff --git a/src/forms/Internship.tsx b/src/forms/Internship.tsx
new file mode 100644
index 0000000..e749b8d
--- /dev/null
+++ b/src/forms/Internship.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { useFormik } from "formik";
+import { emptyInternship, Internship } from "../data/internship";
+import { Nullable } from "../helpers";
+import { TextField } from "@material-ui/core";
+
+export type InternshipFormProps = {
+
+}
+
+export const InternshipForm: React.FunctionComponent = props => {
+ const formik = useFormik>({ onSubmit: values => console.log(values), initialValues: emptyInternship });
+
+ const formikProps = (prop: keyof Internship) => ({ onChange: formik.handleChange, value: formik.values[prop], name: prop })
+
+ return (
+
+
+
+ )
+}
+
diff --git a/src/forms/company.tsx b/src/forms/company.tsx
new file mode 100644
index 0000000..4ff47bf
--- /dev/null
+++ b/src/forms/company.tsx
@@ -0,0 +1,69 @@
+import React, { HTMLProps, useState } from "react";
+import { useFormik } from "formik";
+import { Nullable } from "../helpers";
+import { formatAddress, Company, emptyCompany, BranchOffice } from "../data/company";
+import { sampleCompanies } from "../provider/company";
+import { Autocomplete } from "@material-ui/lab";
+import { Box, Grid, TextField, Typography } from "@material-ui/core";
+
+export type CompanyFormProps = {
+
+}
+
+export const CompanyItem = ({ company, ...props }: { company: Company } & HTMLProps) => (
+
+
{ company.name }
+
NIP: { company.nip }
+
+
{ office.address.city }, { office.address.street }
+
{ formatAddress(office.address) }
+