From 7889960acb8792b1230bfb855b5688170a76385a Mon Sep 17 00:00:00 2001
From: Joe McGrath <33670767+josephmcg@users.noreply.github.com>
Date: Mon, 26 Sep 2022 13:41:36 +0900
Subject: [PATCH] chore(components): remove unused group aside component
 (#5009)

---
 components/views/group/aside/Aside.html |  44 ----------
 components/views/group/aside/Aside.less | 105 ------------------------
 components/views/group/aside/Aside.vue  |  64 ---------------
 3 files changed, 213 deletions(-)
 delete mode 100644 components/views/group/aside/Aside.html
 delete mode 100644 components/views/group/aside/Aside.less
 delete mode 100644 components/views/group/aside/Aside.vue

diff --git a/components/views/group/aside/Aside.html b/components/views/group/aside/Aside.html
deleted file mode 100644
index fa99240b5f..0000000000
--- a/components/views/group/aside/Aside.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<div id="aside-box">
-  <info-icon size="1x" class="info-toggle" v-on:click="toggle" />
-  <div id="top-info">
-    <TypographyTitle :size="6" :text="selectedGroup.name" />
-    <InteractablesClose :action="toggle" />
-  </div>
-  <div id="actions">
-    <UiCircle
-      type="icon"
-      icon="user"
-      alt="$t('pages.chat.add_member')"
-      v-tooltip.top="$t('pages.chat.add_member')"
-      v-on:click="groupInvite(selectedGroup)"
-    />
-    <UiCircle
-      type="icon"
-      icon="message-square"
-      alt="$t('pages.chat.switch_chat')"
-      v-tooltip.top="$t('pages.chat.switch_chat')"
-      v-on:click="navigateToGroup(selectedGroup.id)"
-    />
-    <UiCircle
-      type="icon"
-      icon="layout"
-      alt="$t('pages.chat.start_watch_party')"
-      v-tooltip.top="$t('pages.chat.start_watch_party')"
-    />
-    <UiCircle type="icon" icon="more-vertical" />
-  </div>
-  <UiHorizontalRule />
-  <div id="members">
-    <div id="members-number">
-      <TypographyText :size="6" :text="`Members - ${selectedGroup.members}`" />
-    </div>
-    <UiSimpleScroll scrollMode="vertical" scrollShow="scroll">
-      <UiUser
-        v-for="member in filterMembers"
-        :key="member.address"
-        :user="member"
-        :creatorBadge="member == selectedGroup.creator"
-      />
-    </UiSimpleScroll>
-  </div>
-</div>
diff --git a/components/views/group/aside/Aside.less b/components/views/group/aside/Aside.less
deleted file mode 100644
index 519be3eeb3..0000000000
--- a/components/views/group/aside/Aside.less
+++ /dev/null
@@ -1,105 +0,0 @@
-@sidebar-size: 250px;
-
-#aside-box {
-  &:extend(.round-corners);
-  margin-top: @normal-spacing;
-  &:extend(.background-semitransparent-light);
-  box-shadow: @ui-shadow;
-  &:extend(.light-padding);
-
-  min-width: @sidebar-size;
-  position: relative;
-  height: calc(100% - @normal-spacing * 2);
-  width: 100%;
-  flex-direction: column;
-  padding-bottom: @light-spacing;
-
-  &:extend(.first-layer);
-}
-
-.info-toggle {
-  font-size: 20px;
-  cursor: pointer;
-  left: -5rem;
-  top: 1.8rem;
-  &:extend(.third-layer);
-}
-
-#top-info {
-  &:extend(.full-width);
-  height: 46px;
-  padding: 0 @light-spacing;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  .title {
-    margin-bottom: 0;
-  }
-}
-
-#actions {
-  &:extend(.full-width);
-  padding: 0 @light-spacing;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  .action-icon {
-    padding: 10px;
-    height: 10px;
-    width: 20px;
-    font-size: @small-icon-size;
-  }
-  .circle-flex {
-    background: @semitransparent-lightest-gradient !important;
-    cursor: pointer;
-    font-size: @tiny-icon-size !important;
-  }
-}
-
-#members {
-  &:extend(.full-width);
-  max-height: calc(@full - 8.5rem);
-  #members-number {
-    display: flex;
-    margin-bottom: 0.5rem;
-    .is-text {
-      text-align: left;
-      width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  min-width: @sidebar-size;
-  position: relative;
-  display: inline-flex;
-  height: @full;
-  flex-direction: column;
-  padding-bottom: @light-spacing;
-
-  &:extend(.first-layer);
-}
-
-@media only screen and (max-width: @mobile-breakpoint) {
-  #aside-box {
-    min-width: @sidebar-size;
-    position: relative;
-    display: inline-flex;
-    height: @full;
-    flex-direction: column;
-    padding-bottom: @light-spacing;
-
-    &:extend(.first-layer);
-  }
-
-  .info-toggle {
-    left: -2rem;
-  }
-
-  .is-open {
-    #aside {
-      .info-toggle {
-        left: 0rem;
-      }
-    }
-  }
-}
diff --git a/components/views/group/aside/Aside.vue b/components/views/group/aside/Aside.vue
deleted file mode 100644
index a2d78370f8..0000000000
--- a/components/views/group/aside/Aside.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template src="./Aside.html"></template>
-
-<script lang="ts">
-import Vue, { PropType } from 'vue'
-
-import { InfoIcon } from 'satellite-lucide-icons'
-
-import { Group } from '~/types/ui/core'
-import { User } from '~/types/ui/user'
-
-export default Vue.extend({
-  components: {
-    InfoIcon,
-  },
-  props: {
-    toggle: {
-      type: Function,
-      default: () => {},
-    },
-    selectedGroup: {
-      type: Object as PropType<Group>,
-      default: () => ({
-        creator: '',
-        name: '',
-        members: [],
-      }),
-      required: true,
-    },
-    friends: {
-      type: Array as PropType<Array<User>>,
-      default: () => [],
-    },
-  },
-  computed: {
-    /**
-     * @method members DocsTODO
-     * @description
-     * @returns
-     * @example
-     */
-    filterMembers() {
-      const filterFriends = (friends: User[], members: string[]) => {
-        return friends.filter((friend: User) =>
-          members.includes(friend.address),
-        )
-      }
-      return filterFriends(this.friends, this.selectedGroup.members)
-    },
-  },
-  methods: {
-    navigateToGroup(groupId: string) {
-      this.$router.push(`/chat/groups/${groupId}`)
-    },
-    groupInvite(group: Group) {
-      this.$store.commit('ui/toggleModal', {
-        name: 'groupInvite',
-        state: { isOpen: true, group },
-      })
-    },
-  },
-})
-</script>
-
-<style scoped lang="less" src="./Aside.less"></style>