feat(ui): drop CS flag

Author: thinkst-rad

frontend_vue/src/components/SearchFilterTokensHeader.vue

@@ -46,22 +46,14 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue';
 import type { ComputedRef } from 'vue';
-import type {
-  TokenServicesType,
-  TokenServiceType,
-} from '@/utils/tokenServices';
+import type { TokenServicesType } from '@/utils/tokenServices';
 import { tokenServices } from '@/utils/tokenServices';
-import { TOKENS_TYPE } from '@/components/constants.ts';
 import SearchBar from '@/components/ui/SearchBar.vue';
 import FilterButton from '@/components/ui/FilterButton.vue';
 import { TOKEN_CATEGORY } from '@/components/constants.ts';
 import { sqlInjectionPattern } from '@/utils/utils';
 import { debounce } from '@/utils/utils';
 
-const props = defineProps<{
-  showCrowdstrike?: boolean;
-}>();
-
 const emits = defineEmits([
   'filtered-list',
   'filter-category',
@@ -72,22 +64,12 @@ const emits = defineEmits([
 const filterValue = ref('');
 const searchValue = ref('');
 
-const availableTokenServices = computed(() => {
-  if (props.showCrowdstrike) {
-    return tokenServices;
-  }
-  const { [TOKENS_TYPE.CROWDSTRIKE_CC]: _, ...rest } = tokenServices;
-  return rest;
-});
-
-const filteredList: ComputedRef<
-  TokenServicesType | [string, TokenServiceType]
-> = computed(() => {
-  const filteredByCategory = filterByCategory(availableTokenServices.value);
-  const filteredBySearch = filterBySearch(availableTokenServices.value);
+const filteredList: ComputedRef<TokenServicesType> = computed(() => {
+  const filteredByCategory = filterByCategory(tokenServices);
+  const filteredBySearch = filterBySearch(tokenServices);
 
   if (!filterValue.value && !searchValue.value) {
-    return availableTokenServices.value;
+    return tokenServices;
   }
 
   if (filterValue.value && !searchValue.value) {
@@ -101,11 +83,11 @@ const filteredList: ComputedRef<
   return filterBySearch(filteredByCategory);
 });
 
-function filterBySearch(list: TokenServicesType) {
+function filterBySearch(list: TokenServicesType): TokenServicesType {
   if (!searchValue.value) {
     return list;
   }
-  return Object.entries(list).reduce((acc, [key, val]) => {
+  return Object.entries(list).reduce<TokenServicesType>((acc, [key, val]) => {
     if (val.label.toLowerCase().includes(searchValue.value.toLowerCase())) {
       return { ...acc, [key]: val };
     }
@@ -121,11 +103,11 @@ function filterBySearch(list: TokenServicesType) {
   }, {});
 }
 
-function filterByCategory(list: TokenServicesType) {
+function filterByCategory(list: TokenServicesType): TokenServicesType {
   if (!filterValue.value) {
     return list;
   }
-  return Object.entries(list).reduce((acc, [key, val]) => {
+  return Object.entries(list).reduce<TokenServicesType>((acc, [key, val]) => {
     if (
       Array.isArray(val.category) &&
       val.category.includes(filterValue.value)

frontend_vue/src/views/HomeView.vue

@@ -25,7 +25,6 @@
       </h2>
     </div>
     <SearchFilterTokensHeader
-      :show-crowdstrike="showCrowdStrike"
       @filtered-list="filteredList = $event"
       @filter-search="searchValue = $event"
       @filter-category="filterValue = $event"
@@ -64,36 +63,23 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue';
+import { ref, watch } from 'vue';
 import type { Ref } from 'vue';
-import { useRoute } from 'vue-router';
 import { tokenServices } from '@/utils/tokenServices';
 import type {
   TokenServicesType,
   TokenServiceType,
 } from '@/utils/tokenServices';
-import { TOKENS_TYPE } from '@/components/constants';
 import AppLayoutGrid from '@/layout/AppLayoutGrid.vue';
 import CardToken from '@/components/ui/CardToken.vue';
 import { useModal } from 'vue-final-modal';
 import ModalToken from '@/components/ModalToken.vue';
 import SearchFilterTokensHeader from '@/components/SearchFilterTokensHeader.vue';
 import solitaireVictory from '@/utils/solitaireVictory';
 
-const route = useRoute();
-const showCrowdStrike = computed(() => route.query.crowdstrike === '1');
-
-const initialTokenServices = computed(() => {
-  if (showCrowdStrike.value) {
-    return tokenServices;
-  }
-  const { [TOKENS_TYPE.CROWDSTRIKE_CC]: _, ...rest } = tokenServices;
-  return rest;
-});
-
 const filterValue = ref('');
 const searchValue = ref('');
-const filteredList: Ref<TokenServicesType> = ref(initialTokenServices.value);
+const filteredList: Ref<TokenServicesType> = ref(tokenServices);
 const animationType = ref('move-grid');
 
 function handleClickToken(selectedToken: string) {