Bug fix for case where participant limit is reached

Author: Connoropolous

src/components/ParticipantRegister/index.js

@@ -9,6 +9,7 @@ const { shell, remote, clipboard } = getElectron()
 
 export default function ParticipantRegister({
   participantRegisterConfig,
+  reachedParticipantLimit,
   startTime
 }) {
   const { maxTime, id } = participantRegisterConfig
@@ -20,7 +21,7 @@ export default function ParticipantRegister({
 
   const timeLeft =
     startTime && maxTime ? remainingTime(maxTime, startTime) : null
-  const [over, setOver] = useState(timeLeft === 0)
+  const [timeOver, setTimeOver] = useState(timeLeft === 0)
   const inputEl = useRef(null)
 
   const onClickPreview = e => {
@@ -36,14 +37,21 @@ export default function ParticipantRegister({
 
   return (
     <>
-      {startTime && maxTime && !over && (
+      <div className='input-label'>Here is your public link to share</div>
+      {startTime && maxTime && !reachedParticipantLimit && !timeOver && (
         <p>
           Registration will remain open for{' '}
-          <TimeCountdown seconds={timeLeft} over={() => setOver(true)} />.
+          <TimeCountdown seconds={timeLeft} over={() => setTimeOver(true)} />.
+        </p>
+      )}
+      {timeOver && !reachedParticipantLimit && (
+        <p>Registration is now closed.</p>
+      )}
+      {reachedParticipantLimit && (
+        <p>
+          Registration has closed because the participant limit was reached.
         </p>
       )}
-      {over && <p>Registration is now closed.</p>}
-      <div className='input-label'>Here is your public link to share</div>
       <div className='public-link-details'>
         <input
           ref={inputEl}

src/routes/Flow/index.js

@@ -103,7 +103,9 @@ export default function Process() {
   }
 
   const { participantsConfig } = process.processConfig
-  const { method, participants } = participantsConfig
+  const { method, participants, publicLink } = participantsConfig
+  const reachedParticipantLimit =
+    participants.length === publicLink.maxParticipants
 
   const run = () => {
     runProcess(processId)
@@ -158,7 +160,8 @@ export default function Process() {
       {method === FROM_PUBLIC_LINK && (
         <div className='participant-register-wrapper'>
           <ParticipantRegister
-            participantRegisterConfig={participantsConfig.publicLink}
+            reachedParticipantLimit={reachedParticipantLimit}
+            participantRegisterConfig={publicLink}
             startTime={process.startTime}
           />
         </div>

src/routes/Flows/index.js

@@ -73,7 +73,7 @@ function FlowsContainer() {
     <>
       <FlowSubsection flows={runningFlows} label='Live flows' />
       <div className='divider' />
-      <FlowSubsection flows={configuringFlows} label='Configured unrun flows' />
+      <FlowSubsection flows={configuringFlows} label='Ready to run' />
       <div className='divider' />
       <FlowSubsection flows={completedFlows} label='Previously run flows' />
       <div className='divider' />

typescript/electron-only/processes.ts

@@ -97,15 +97,6 @@ const newProcessDefaults = () => {
   }
 }
 
-/*
-
-  return getContactablesFromRegistration(
-    publicLink.id,
-    callback
-  )
-  updateParticipants(processId, finalInput, true)
-*/
-
 const updateParticipants = async (
   processId: string,
   newParticipants: ContactableConfig[],
@@ -157,8 +148,23 @@ const cloneProcess = async (processId: string): Promise<string> => {
   const orig = await getProcess(processId)
   const newProcess = {
     ...orig,
+    processConfig: {
+      ...orig.processConfig,
+      participantsConfig: {
+        ...orig.processConfig.participantsConfig,
+        participants: [],
+        publicLink: {
+          ...orig.processConfig.participantsConfig.publicLink,
+          id: guidGenerator() // create a new id for the public link
+        }
+      }
+    },
     ...newProcessDefaults()
   }
+  const { method, publicLink } = newProcess.processConfig.participantsConfig
+  if (method === FROM_PUBLIC_LINK) {
+    await createParticipantRegister(publicLink)
+  }
   writeProcess(newProcess.id, newProcess)
   console.log('created a new process configuration by cloning', newProcess.id)
   return newProcess.id