- {/* if user has already selected time then let them edit*/}
- {Header.selectedTimes?
:
}
+
+
-
diff --git a/src/components/Member.tsx b/src/components/Member.tsx
new file mode 100644
index 0000000..6d3fd4f
--- /dev/null
+++ b/src/components/Member.tsx
@@ -0,0 +1,21 @@
+import React, { useState } from "react"
+import { TimeSlotType } from "./TimeSlot";
+
+const Member = () => {
+ const [name, setName] = useState("");
+ const [timeSlots, setTimeSlots] = useState
([]);
+
+ return (
+
+
Participants
+
+ )
+}
+
+export default Member;
+
+export interface MemberType {
+ id: number;
+ name: string;
+ timeSlots: TimeSlotType[];
+};
\ No newline at end of file
diff --git a/src/components/MemberList.tsx b/src/components/MemberList.tsx
new file mode 100644
index 0000000..3292356
--- /dev/null
+++ b/src/components/MemberList.tsx
@@ -0,0 +1,72 @@
+import { Box, List, ListItem, ListItemIcon, ListItemText, Checkbox, Divider } from '@material-ui/core';
+import { AccountCircle } from '@material-ui/icons';
+import { useState } from 'react';
+import { useAppSelector, useAppDispatch} from '../app/hooks';
+import { selectMembers } from '../pages/meetingSlice';
+
+
+function MemberList() {
+ const dispatch = useAppDispatch();
+ const members = useAppSelector(state => state.meeting.members);
+
+ const [selected, setSelected] = useState([]);
+
+ const handleSelection = (id: number) => () => {
+ const current = selected.indexOf(id);
+ const newSelected = [...selected];
+
+ if (current === -1) {
+ newSelected.push(id);
+ } else {
+ newSelected.splice(current, 1);
+ }
+ setSelected(newSelected);
+ dispatch(selectMembers(newSelected));
+ };
+
+ const handleClick = () => {
+ const allSelected = members.map(member => member.id)
+ setSelected(allSelected)
+ dispatch(selectMembers(allSelected))
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+
+}
+
+
+export default MemberList;
\ No newline at end of file
diff --git a/src/components/Share.tsx b/src/components/Share.tsx
new file mode 100644
index 0000000..02aaab7
--- /dev/null
+++ b/src/components/Share.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+const Share = () => {
+
+ const handleClick = () => {
+ navigator.clipboard.writeText(window.location.href);
+
+ let prompt = document.getElementById("1") as HTMLElement
+ prompt.style.display = "";
+
+ const hidePrompt = () => {
+ prompt.style.display = "none"
+ }
+ setTimeout(hidePrompt, 1500)
+ }
+ return (
+
+
+ Link copied.
+
+ )
+}
+
+export default Share;
diff --git a/src/components/TimeSlot.tsx b/src/components/TimeSlot.tsx
new file mode 100644
index 0000000..25b2318
--- /dev/null
+++ b/src/components/TimeSlot.tsx
@@ -0,0 +1,7 @@
+export interface TimeSlotType {
+ id: number;
+ memberId: number;
+ day: string;
+ timeStart: number;
+ timeEnd: number;
+}
diff --git a/src/features/counter/Counter.module.css b/src/features/counter/Counter.module.css
deleted file mode 100644
index 025bb72..0000000
--- a/src/features/counter/Counter.module.css
+++ /dev/null
@@ -1,79 +0,0 @@
-.row {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.row > button {
- margin-left: 4px;
- margin-right: 8px;
-}
-
-.row:not(:last-child) {
- margin-bottom: 16px;
-}
-
-.value {
- font-size: 78px;
- padding-left: 16px;
- padding-right: 16px;
- margin-top: 2px;
- font-family: 'Courier New', Courier, monospace;
-}
-
-.button {
- appearance: none;
- background: none;
- font-size: 32px;
- padding-left: 12px;
- padding-right: 12px;
- outline: none;
- border: 2px solid transparent;
- color: rgb(112, 76, 182);
- padding-bottom: 4px;
- cursor: pointer;
- background-color: rgba(112, 76, 182, 0.1);
- border-radius: 2px;
- transition: all 0.15s;
-}
-
-.textbox {
- font-size: 32px;
- padding: 2px;
- width: 64px;
- text-align: center;
- margin-right: 4px;
-}
-
-.button:hover,
-.button:focus {
- border: 2px solid rgba(112, 76, 182, 0.4);
-}
-
-.button:active {
- background-color: rgba(112, 76, 182, 0.2);
-}
-
-.asyncButton {
- composes: button;
- position: relative;
-}
-
-.asyncButton:after {
- content: '';
- background-color: rgba(112, 76, 182, 0.15);
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- opacity: 0;
- transition: width 1s linear, opacity 0.5s ease 1s;
-}
-
-.asyncButton:active:after {
- width: 0%;
- opacity: 1;
- transition: 0s;
-}
diff --git a/src/features/counter/Counter.tsx b/src/features/counter/Counter.tsx
deleted file mode 100644
index ece5191..0000000
--- a/src/features/counter/Counter.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { useState } from 'react';
-
-import { useAppSelector, useAppDispatch } from '../../app/hooks';
-import {
- decrement,
- increment,
- incrementByAmount,
- incrementAsync,
- incrementIfOdd,
- selectCount,
-} from './counterSlice';
-import styles from './Counter.module.css';
-
-export function Counter() {
- const count = useAppSelector(selectCount);
- const dispatch = useAppDispatch();
- const [incrementAmount, setIncrementAmount] = useState('2');
-
- const incrementValue = Number(incrementAmount) || 0;
-
- return (
-
-
-
- {count}
-
-
-
- setIncrementAmount(e.target.value)}
- />
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+