Working on live surveys

atsebayt/src/routes/index.svelte

@@ -2,6 +2,8 @@
  import { user } from '../stores/user';
  import SurveyList from '../components/SurveyList.svelte';
  import ValidateSubmissions from '../components/ValidateSubmissions.svelte';
+
+ let direct = null;
 </script>
 
 <div class="card bg-light">
@@ -20,6 +22,12 @@
                         </div>
                     {/if}
 
+                    {#if direct}
+                        <div class="alert alert-warning" role="alert">
+                            <strong>Rejoins le cours maintenant&nbsp;!</strong> Il y a actuellement un questionnaire en direct&nbsp;: {direct.title}. <a href="surveys/{direct.id}/live">Clique ici pour le rejoindre</a>.
+                        </div>
+                    {/if}
+
                     <p class="lead">Tu as fait les rendus suivants&nbsp;:</p>
                 </div>
                 <div class="d-none d-md-block col-md-auto">
@@ -38,6 +46,6 @@
                 Vous devez <a href="auth/CRI" target="_self">vous identifier</a> pour accéder au contenu.
             </p>
         {/if}
-        <SurveyList />
+        <SurveyList bind:direct={direct} />
     </div>
 </div>