diff --git a/README.md b/README.md index 3778e5f..59dac2d 100644 --- a/README.md +++ b/README.md @@ -27,9 +27,17 @@ Samay is a free and open source meeting poll tool. Quickly find a time which works for everyone without the back-and-forth texts/emails! -- Create a meeting poll by choosing the time slots based on your availability. -- Copy and share the poll link with the participants to let them mark their availability. -- Find the most popular times and see who's free with "yes" votes - or who can be - with "if need be" votes, and book the meeting! +> #### Create a poll +> +> Select the time slots (click and drag) based on your availability, and optionally enter the title, description and location. The default poll type is "group" — to find a common time which works for everyone. If you want to have one-on-one meetings (parent-teacher meetings for example), select the "one-on-one" poll type. +> +> #### Share the poll +> +> Copy and share the poll link with the participants to let them mark their availability. In group polls, participants can either vote [yes] or [if need be] . In one-on-one polls, participants can select their one preferred time. No login required. No time zone confusion since Samay automatically shows participants times in their local time zone. +> +> #### Book the meeting +> +> In group polls, find the most popular times and see who's free with [yes] votes - or who can be - with [if need be] votes, book the meeting and share the final time with the participants! In one-on-one polls, find who has chosen which time slot for a one-on-one with you! Create a poll now at [Samay.app](https://samay.app/)! diff --git a/pages/how-to.tsx b/pages/how-to.tsx index 0fb5af4..19eca48 100644 --- a/pages/how-to.tsx +++ b/pages/how-to.tsx @@ -65,9 +65,15 @@ const HowTo = (): JSX.Element => { 1. Create a poll - Quickly create a meeting poll by choosing the time slots based - on your availability, and optionally enter the title, - description and location. + Select the time slots (click and drag) based on your + availability, and optionally enter the title, description and + location. +
+
+ The default poll type is "group" — to find a common time which + works for everyone. If you want to have one-on-one meetings + (parent-teacher meetings for example), select the "one-on-one" + poll type.
@@ -80,12 +86,20 @@ const HowTo = (): JSX.Element => { Copy and share the poll link with the participants to let them - mark their availability using   - (yes) or{" "} - (if - need be) votes. No login required. No time zone confusion - since Samay automatically shows participants times in their - local time zone. + mark their availability. +
+
+ In group polls, participants can either vote [yes]{" "} + or [if + need be]{" "} + . In + one-on-one polls, participants can select their one preferred + time. +
+
+ No login required. No time zone confusion since Samay + automatically shows participants times in their local time + zone.
@@ -97,9 +111,14 @@ const HowTo = (): JSX.Element => { 3. Book the meeting - Find the most popular times and see who's free with "yes" - votes - or who can be - with "if need be" votes, and book the - meeting! + In group polls, find the most popular times and see who's free + with [yes] votes - or who can be - with [if need be] votes, + book the meeting and share the final time with the + participants! +
+
+ In one-on-one polls, find who has chosen which time slot for a + one-on-one with you!
diff --git a/pages/index.tsx b/pages/index.tsx index 0cc809b..5c7b3a0 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -30,6 +30,8 @@ const Home = (): JSX.Element => { pollDescription: "", }); + const [pollType, setPollType] = useState("group"); + const { pollTitle, pollLocation, pollDescription } = pollDetails; const [pollTimes, setTimes] = useState([]); @@ -46,6 +48,12 @@ const Home = (): JSX.Element => { }); }; + const handlePollTypeChange = ( + e: React.ChangeEvent + ): void => { + setPollType(e.target.value); + }; + const handleSubmit = async ( e: React.MouseEvent ): Promise => { @@ -63,6 +71,7 @@ const Home = (): JSX.Element => { title: pollTitle, description: pollDescription, location: pollLocation, + type: pollType, secret: encryptedSecret, times: pollTimes, }; @@ -164,7 +173,7 @@ const Home = (): JSX.Element => { - + { onChange={handlePollDetailsChange} /> - + { onChange={handlePollDetailsChange} /> - + { onChange={handlePollDetailsChange} /> + + + + + + + +