From a9f1ed5b2a681d90b0506dc88ba9bab15640662e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefanie=20J=C3=A4ger?= <stefijaeger@gmail.com>
Date: Wed, 23 Oct 2024 08:43:12 +0200
Subject: [PATCH] Revert "Add banner for SA participation request"

This reverts commit 6e2ade51c9e68d68d13bc4727fd77641e5da2050.
---
 src/components/SAToastNotification.vue | 81 --------------------------
 src/views/Home.vue                     |  6 +-
 2 files changed, 1 insertion(+), 86 deletions(-)
 delete mode 100644 src/components/SAToastNotification.vue

diff --git a/src/components/SAToastNotification.vue b/src/components/SAToastNotification.vue
deleted file mode 100644
index 1d9c10c..0000000
--- a/src/components/SAToastNotification.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <transition
-    enter-active-class="duration-500 ease"
-    enter-from-class="transform opacity-0"
-    leave-active-class="duration-500 ease"
-    leave-to-class="transform opacity-0"
-  >
-    <div
-      v-if="isActive"
-      class="rounded p-4 mb-2 bg-pink-600 text-white"
-    >
-      <p><b>Gestalte den Planer von morgen mit!</b></p>
-      <span v-if="!isExpanded">Wir suchen Teilnehmer für eine UX-Studie im Rahmen unserer SA zum Planer.</span>
-      <span v-if="isExpanded">
-        Für unsere SA suchen wir Teilnehmende für Interviews, Umfragen oder Tagebuchstudien.
-        Interesse? Melde dich bei uns!
-        Danke, Stefi &amp; Laura
-      </span>
-      <button
-        class="absolute right-2 top-2"
-        type="button"
-        @click="dismiss()"
-      >
-        <font-awesome-icon
-          :icon="['fa', 'circle-xmark']"
-          size="lg"
-        />
-      </button>
-      <button
-        v-if="!isExpanded"
-        class="block rounded bg-slate-200/50 py-1 px-2 mt-2 hover:bg-slate-300/50 transition-colors duration-75"
-        type="button"
-        @click="toggleExpand()"
-      >
-        Mehr
-      </button>
-      <button
-        v-if="isExpanded"
-        class="block rounded bg-slate-200/50 py-1 px-2 mt-2 hover:bg-slate-300/50 transition-colors duration-75"
-        type="button"
-        @click="participate()"
-      >
-        Teilnehmen
-      </button>
-    </div>
-  </transition>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-const SA_TOAST_DISMISSED_KEY = 'sa_toast_dismissed';
-
-export default defineComponent({
-  name: 'SAToastNotification',
-  data() {
-    return {
-      isActive: false,
-      isExpanded: false,
-    }
-  },
-  async mounted() {
-    const saToastDismissed = localStorage.getItem(SA_TOAST_DISMISSED_KEY);
-    this.isActive = !saToastDismissed;
-  },
-  methods: {
-    toggleExpand() {
-      this.isExpanded = !this.isExpanded;
-    },
-    dismiss() {
-      localStorage.setItem(SA_TOAST_DISMISSED_KEY, `${true}`);
-      this.isActive = false;
-    },
-    participate() {
-      /* eslint-disable-next-line max-len */
-      window.open("https://teams.microsoft.com/l/team/19%3A6zuS6jbWX4asXCCg1QzZbuFL4SC9prIAPL4haU5_bLg1%40thread.tacv2/conversations?groupId=3740cce2-50c5-4f44-9211-21f735b6c827&tenantId=a6e70fa3-1c7a-4aa2-a25e-836eea52ca22");
-    }
-  }
-});
-
-</script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index afec386..d046945 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -15,9 +15,6 @@
       @on-dismiss="removeUnknownModulesFromUrl"
     />
   </div>
-  <div class="fixed top-2 right-2 ml-2 z-50 md:w-1/4">
-    <SAToastNotification />
-  </div>
   <div class="flex space-x-2 overflow-auto before:m-auto after:m-auto p-4">
     <SemesterComponent
       v-for="semester in semesters"
@@ -130,7 +127,6 @@ import SemesterComponent from '../components/Semester.vue';
 import FocusComponent from '../components/Focus.vue';
 import BeautifulProgressIndicator from '../components/BeautifulProgressIndicator.vue';
 import ToastNotification from '../components/ToastNotification.vue';
-import SAToastNotification from '../components/SAToastNotification.vue';
 import {getColorForCategoryId} from '../helpers/color-helper';
 import type {Category, Focus, Module, Semester, UnknownModule} from '../helpers/types';
 import {parseQuery} from "vue-router";
@@ -145,7 +141,7 @@ const currentSemester = SemesterInfo.now();
 
 export default defineComponent({
   name: 'Home',
-  components: { SemesterComponent, FocusComponent, BeautifulProgressIndicator, ToastNotification, SAToastNotification },
+  components: { SemesterComponent, FocusComponent, BeautifulProgressIndicator, ToastNotification },
   data() {
     return {
       startSemester: undefined as SemesterInfo | undefined,