refactor snackbar

src/routes/courses/[id]/attendance/+page.svelte

@@ -21,14 +21,12 @@
   import { lessons } from '$lib/components/Course/components/Lesson/store/lessons';
   import { ROLE } from '$lib/utils/constants/roles';
   import { takeAttendance } from '$lib/utils/services/attendance';
-  import { snackbarStore } from '$lib/components/Snackbar/store';
-  import { SNACKBAR_SEVERITY } from '$lib/components/Snackbar/constants';
+  import { snackbar } from '$lib/components/Snackbar/store';
   import { attendance } from '$lib/utils/store/attendance';
   import { profile } from '$lib/utils/store/user';
 
   export let data;
 
-  let borderBottomGrey = 'border-r-0 border-b border-l-0 border-gray-300';
   let students = [];
   let isStudent;
   let searchValue = '';
@@ -65,12 +63,8 @@
     This validation is useless. We shouldn't assume we already have an attendance item id 
     because it might be a new attendance.
     if (!attendanceItem.id) {
-      $snackbarStore.open = true;
-      $snackbarStore.severity = SNACKBAR_SEVERITY.ERROR;
-      $snackbarStore.message =
-        "Something isn't right. Please reload and take attendance again";
+      snackbar.error("Something isn't right. Please reload and take attendance again");
       console.error(`Attendance Id Missing`, courseId, student.id, lesson.id);
-
       return;
     }
     */
@@ -86,9 +80,7 @@
     takeAttendance(_data).then((res) => {
       if (res.error) {
         console.error(`res.error`, res.error);
-        $snackbarStore.open = true;
-        $snackbarStore.severity = SNACKBAR_SEVERITY.ERROR;
-        $snackbarStore.message = "Something isn't right.  Please reload and take attendance again";
+        snackbar.error("Something isn't right.  Please reload and take attendance again");
       } else {
         // console.log('res', JSON.stringify(res));
         const { id, is_present } = res.data[0];

src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte

@@ -24,8 +24,7 @@
   } from '$lib/components/Course/components/Lesson/store/lessons';
   import { browser } from '$app/environment';
   import { currentOrg } from '$lib/utils/store/org';
-  import { snackbarStore } from '$lib/components/Snackbar/store';
-  import { SNACKBAR_SEVERITY } from '$lib/components/Snackbar/constants';
+  import { snackbar } from '$lib/components/Snackbar/store';
   import type { LessonCompletion, LessonPage } from '$lib/utils/types';
   import { profile } from '$lib/utils/store/user.js';
   import { getIsLessonComplete } from '$lib/components/Course/components/Lesson/functions';
@@ -157,14 +156,10 @@
       a.click();
       a.remove();
 
-      $snackbarStore.message = 'Download Complete';
-      $snackbarStore.severity = SNACKBAR_SEVERITY.SUCCESS;
-      $snackbarStore.open = true;
+      snackbar.success('Download Complete');
     } catch (error) {
       console.log('error downloading lesson', error);
-      $snackbarStore.message = "Something's not right - Please try later";
-      $snackbarStore.severity = SNACKBAR_SEVERITY.ERROR;
-      $snackbarStore.open = true;
+      snackbar.error("Something's not right - Please try later");
     }
 
     isLoading = false;

src/routes/courses/[id]/people/+page.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
   import TextChip from '$lib/components/Chip/Text.svelte';
   import ComingSoon from '$lib/components/ComingSoon/index.svelte';
-  import Filter from 'carbon-icons-svelte/lib/Filter.svelte';
   import { onMount } from 'svelte';
   import copy from 'copy-to-clipboard';
   import {
-    Pagination,
     CopyButton,
     Search,
     StructuredList,
@@ -33,7 +31,7 @@
   import type { Person, ProfileRole } from '$lib/components/Course/components/People/types';
   import { ROLE_LABEL, ROLES } from '$lib/utils/constants/roles';
   import { profile } from '$lib/utils/store/user';
-  import { snackbarStore } from '$lib/components/Snackbar/store';
+  import { snackbar } from '$lib/components/Snackbar/store';
   import Avatar from '$lib/components/Avatar/index.svelte';
 
   export let data;
@@ -101,8 +99,7 @@
   }
 
   function copyToClipboard(studentAssignedId: string | null) {
-    $snackbarStore.open = true;
-    $snackbarStore.message = `Copied to clipboard`;
+    snackbar.success(`Copied to clipboard`);
 
     if (studentAssignedId) {
       copy(studentAssignedId);

src/routes/courses/[id]/submissions/+page.svelte

@@ -18,8 +18,7 @@
     updateQuestionAnswer
   } from '$lib/utils/services/submissions';
   import { formatAnswers } from '$lib/components/Course/function';
-  import { snackbarStore } from '$lib/components/Snackbar/store';
-  import { SNACKBAR_SEVERITY } from '$lib/components/Snackbar/constants';
+  import { snackbar } from '$lib/components/Snackbar/store';
   import isSubmissionEarly from '$lib/utils/functions/isSubmissionEarly';
   import formatDate from '$lib/utils/functions/formatDate';
 
@@ -157,9 +156,7 @@
       total: totalPoints
     }).then((res) => console.log('Updated submission', res));
 
-    $snackbarStore.open = true;
-    $snackbarStore.message = `Saved successfully`;
-    $snackbarStore.severity = SNACKBAR_SEVERITY.SUCCESS;
+    snackbar.success();
 
     await Promise.all(updates);
   }