<commit_before><template>
  <!--
    =====================================================================================
      Dapp Center Module
    =====================================================================================
    -->
  <the-wrapper-dapp
    :banner-img="bannerImage"
    :banner-text="bannerText"
    no-back-btn
  >
    <template #content>
      <div class="mew-heading-1 px-4 mb-4">MEW DApps</div>
      <v-row>
        <v-col v-for="(dapp, key) in dapps" :key="key" cols="12" sm="6">
          <mew-button
            color-theme="primary"
            btn-style="light"
            style="height: 160px"
            has-full-width
            @click.native="routeTo(dappName(dapp))"
          >
            <div
              class="px-2 text-left d-flex align-center justify-space-between"
              :class="
                dapp.style === 'outline' ? 'white--text' : 'textDark--text'
              "
              style="width: 100%"
            >
              <div>
                <div class="mb-2 d-flex align-center justify-start flex-row">
                  <div class="mew-heading-3">{{ dapp.title }}</div>
                  <v-icon
                    v-if="dapp.isNew"
                    size="24"
                    class="ml-1 redPrimary--text"
                    >mdi-new-box</v-icon
                  >
                </div>
                <div class="break-word">
                  {{ dapp.subtitle }}
                </div>
                <div class="body-2 mt-1 tagLabel--text">{{ dapp.tag }}</div>
              </div>
              <div class="d-none d-sm-flex align-center pl-5">
                <mew-icon :icon-name="dapp.rightIcon" :img-height="80" />
              </div>
            </div>
          </mew-button>
        </v-col>
      </v-row>
      <v-row v-if="!dapps.length">
        <v-col cols="12" class="swap-not-available">
          <app-user-msg-block :message="noDappsAvailable" />
        </v-col>
      </v-row>
    </template>
    <template #moduleBody>
      <div class="swap-not-available">
        <app-user-msg-block message="sdfsdfsdfsdf" />
      </div>
    </template>
  </the-wrapper-dapp>
</template>

<script>
import { mapGetters } from 'vuex';
import TheWrapperDapp from '@/core/components/TheWrapperDapp';
import bannerImage from '@/assets/images/backgrounds/bg-dapps-center.png';
import dappsMeta from '@/dapps/metainfo-dapps';
import handlerAnalytics from '@/modules/analytics-opt-in/handlers/handlerAnalytics.mixin';
import AppUserMsgBlock from '@/core/components/AppUserMsgBlock';
export default {
  components: { TheWrapperDapp, AppUserMsgBlock },
  mixins: [handlerAnalytics],
  data() {
    return {
      bannerImage: bannerImage,
      bannerText: {
        title: 'Explore MEW DApps'
      },
      noDappsAvailable: {
        title: `DApps are are not supported on this network`,
        subtitle: 'Please select a different network'
      }
    };
  },
  computed: {
    ...mapGetters('global', ['network']),
    dapps() {
      return Object.values(dappsMeta).filter(val => {
        for (const n of val.networks) {
          if (n.name === this.network.type.name) return true;
        }
        return false;<commit_msg>ui: 🎨 replace message with alert<commit_after><template>
  <!--
    =====================================================================================
      Dapp Center Module
    =====================================================================================
    -->
  <the-wrapper-dapp
    :banner-img="bannerImage"
    :banner-text="bannerText"
    no-back-btn
  >
    <template #content>
      <div class="mew-heading-1 px-4 mb-4">MEW DApps</div>
      <v-row>
        <v-col v-for="(dapp, key) in dapps" :key="key" cols="12" sm="6">
          <mew-button
            color-theme="primary"
            btn-style="light"
            style="height: 160px"
            has-full-width
            @click.native="routeTo(dappName(dapp))"
          >
            <div
              class="px-2 text-left d-flex align-center justify-space-between"
              :class="
                dapp.style === 'outline' ? 'white--text' : 'textDark--text'
              "
              style="width: 100%"
            >
              <div>
                <div class="mb-2 d-flex align-center justify-start flex-row">
                  <div class="mew-heading-3">{{ dapp.title }}</div>
                  <v-icon
                    v-if="dapp.isNew"
                    size="24"
                    class="ml-1 redPrimary--text"
                    >mdi-new-box</v-icon
                  >
                </div>
                <div class="break-word">
                  {{ dapp.subtitle }}
                </div>
                <div class="body-2 mt-1 tagLabel--text">{{ dapp.tag }}</div>
              </div>
              <div class="d-none d-sm-flex align-center pl-5">
                <mew-icon :icon-name="dapp.rightIcon" :img-height="80" />
              </div>
            </div>
          </mew-button>
        </v-col>
      </v-row>
      <v-row v-if="!dapps.length">
        <v-col cols="12" class="swap-not-available">
          <mew-alert
            theme="warning"
            hide-close-icon
            title="DApps are are not supported on this network"
            description="Please select a different network."
          />
        </v-col>
      </v-row>
    </template>
    <template #moduleBody>
      <div class="swap-not-available">
        <app-user-msg-block message="sdfsdfsdfsdf" />
      </div>
    </template>
  </the-wrapper-dapp>
</template>

<script>
import { mapGetters } from 'vuex';
import TheWrapperDapp from '@/core/components/TheWrapperDapp';
import bannerImage from '@/assets/images/backgrounds/bg-dapps-center.png';
import dappsMeta from '@/dapps/metainfo-dapps';
import handlerAnalytics from '@/modules/analytics-opt-in/handlers/handlerAnalytics.mixin';
import AppUserMsgBlock from '@/core/components/AppUserMsgBlock';
export default {
  components: { TheWrapperDapp, AppUserMsgBlock },
  mixins: [handlerAnalytics],
  data() {
    return {
      bannerImage: bannerImage,
      bannerText: {
        title: 'Explore MEW DApps'
      }
    };
  },
  computed: {
    ...mapGetters('global', ['network']),
    dapps() {
      return Object.values(dappsMeta).filter(val => {
        for (const n of val.networks) {
          if (n.name === this.network.type.name) return true;
        }
        return false;
{'fraction_non_alphanumeric': 0.19429012345679011, 'fraction_numerical': 0.007716049382716049, 'mean_word_length': 1.828895678742907, 'pattern_counts': {'":': 0, '<': 89, '<?xml version=': 0, '>': 91, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2486288', 'n_tokens_mistral': 2021, 'n_tokens_neox': 1943, 'n_words': 364}