Remove SCSS variables

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Group/Group.vue

@@ -135,7 +135,10 @@
                     currentActor?.id !== undefined
                   "
                 >
-                  <button class="media py-4 px-2 w-full" @click="followGroup">
+                  <button
+                    class="flex gap-1 text-start py-4 px-2 w-full"
+                    @click="followGroup"
+                  >
                     <RSS />
                     <div class="pl-2">
                       <h3 class="font-medium text-lg">{{ t("Follow") }}</h3>
@@ -174,7 +177,10 @@
                     isGroupInviteOnly || isCurrentActorAPendingGroupMember
                   "
                 >
-                  <button class="media py-4 px-2 w-full" @click="joinGroup">
+                  <button
+                    class="flex gap-1 text-start py-4 px-2 w-full"
+                    @click="joinGroup"
+                  >
                     <AccountMultiplePlus />
                     <div class="pl-2">
                       <h3 class="font-medium text-lg">{{ t("Join") }}</h3>
@@ -346,7 +352,7 @@
               </o-dropdown>
             </div>
           </div>
-          <invitations
+          <InvitationsList
             v-if="
               isCurrentActorAnInvitedGroupMember && groupMember !== undefined
             "
@@ -626,7 +632,7 @@ import {
 import EventMinimalistCard from "@/components/Event/EventMinimalistCard.vue";
 import MultiPostListItem from "@/components/Post/MultiPostListItem.vue";
 import { Address, addressFullName } from "@/types/address.model";
-import Invitations from "@/components/Group/Invitations.vue";
+import InvitationsList from "@/components/Group/InvitationsList.vue";
 import addMinutes from "date-fns/addMinutes";
 import { JOIN_GROUP } from "@/graphql/member";
 import { MemberRole, Openness, PostVisibility } from "@/types/enums";
@@ -1129,7 +1135,6 @@ watch(isCurrentActorAGroupMember, () => {
 </script>
 <style lang="scss" scoped>
 @use "@/styles/_mixins" as *;
-// @import "node_modules/bulma/sass/utilities/mixins.sass";
 div.container {
   .block-container {
     display: flex;
@@ -1137,21 +1142,10 @@ div.container {
     margin-top: 15px;
 
     &.presentation {
-      border: 2px solid $purple-2;
       padding: 0 0 10px;
       position: relative;
       flex-direction: column;
 
-      // h1 {
-      //   color: $purple-1;
-      //   font-size: 2rem;
-      //   font-weight: 500;
-      // }
-
-      .button.is-outlined {
-        border-color: $purple-2;
-      }
-
       & > *:not(img) {
         position: relative;
         z-index: 2;

js/src/views/Group/GroupSettings.vue

@@ -403,7 +403,7 @@ const confirmDeleteGroup = (): void => {
     ),
     confirmText: t("Delete group"),
     cancelText: t("Cancel"),
-    type: "danger",
+    variant: "danger",
     hasIcon: true,
     onConfirm: () =>
       deleteGroupMutation({

js/src/views/Group/MyGroups.vue

@@ -17,7 +17,7 @@
       >
     </div>
     <o-loading v-model:active="loading"></o-loading>
-    <invitations
+    <InvitationsList
       :invitations="invitations"
       @accept-invitation="acceptInvitation"
       @reject-invitation="rejectInvitation"
@@ -82,8 +82,8 @@
 import { LOGGED_USER_MEMBERSHIPS } from "@/graphql/actor";
 import { LEAVE_GROUP } from "@/graphql/group";
 import GroupMemberCard from "@/components/Group/GroupMemberCard.vue";
-import Invitations from "@/components/Group/Invitations.vue";
-import { IGroup, usernameWithDomain } from "@/types/actor";
+import InvitationsList from "@/components/Group/InvitationsList.vue";
+import { usernameWithDomain } from "@/types/actor";
 import { IMember } from "@/types/actor/member.model";
 import { MemberRole } from "@/types/enums";
 import { supportsWebPFormat } from "@/utils/support";

js/src/views/Group/Settings.vue

@@ -43,12 +43,3 @@ useHead({
   title: computed(() => t("Group settings")),
 });
 </script>
-
-<style lang="scss" scoped>
-aside.section {
-  padding-top: 1rem;
-}
-.container.section {
-  background: $white;
-}
-</style>