Merge pull request #1195 from AlisProject/add_wiz

Add pr item to bcg ranking.

Author: keillera

app/components/molecules/BcgRankingList.vue

@@ -30,7 +30,8 @@
       <tbody v-else class="bcg-ranking-body">
         <tr v-for="(bcgInfo, index) in rankingInfo" :key="bcgInfo.key">
           <td class="bcg-index" @click="toTag(`/tag/${bcgInfo.tag_name}`)">
-            {{ index + 1 }}
+            <span v-if="index === 0" class="bcg-ranking-pr">PR</span>
+            <span v-else>{{ index }}</span>
           </td>
           <td class="bcg-name" @click="toTag(`/tag/${bcgInfo.tag_name}`)">
             <img
@@ -68,9 +69,23 @@ export default {
       required: true
     }
   },
+  data() {
+    return {
+      prGameKey: 'wizardia'
+    }
+  },
   computed: {
+    sortedRankingInfo() {
+      const prItem = this.bcgRankingInfo.filter((item) => item.key === this.prGameKey)
+      const tmpItems = this.bcgRankingInfo.filter((item) => item.key !== this.prGameKey)
+      if (prItem.length === 1) {
+        tmpItems.unshift(prItem[0])
+        return tmpItems
+      }
+      return this.bcgRankingInfo
+    },
     rankingInfo() {
-      return this.bcgRankingInfo.slice(0, this.indexCount)
+      return this.sortedRankingInfo.slice(0, this.indexCount)
     },
     ...mapGetters('user', ['loggedIn', 'currentUser']),
     ...mapGetters('article', ['bcgRankingInfo'])
@@ -184,6 +199,10 @@ export default {
   text-align: center;
 }
 
+.bcg-ranking-pr {
+  font-size: 10px;
+}
+
 .bcg-name {
   color: #333;
   text-align: left;

app/components/pages/Campaigns.vue

@@ -30,12 +30,11 @@ export default {
   data() {
     return {
       campaigns: [
-        // {
-        //   imageSrc: 'kryptomon.png',
-        //   articleUrl: '/ALIS-official/articles/aEOb7YZm6wk6',
-        //   description: 'ポケモンやたまごっち、クリプトキティを融合させたようなPlay-to-Earn型のNFT。' +
-        //   '今なら卵やルートボックスをゲットできるコラボ実施中！'
-        // },
+        {
+          imageSrc: 'wizardia.png',
+          articleUrl: '/ALIS-official/articles/3VjvxJzJggWD',
+          description: '誰でももらえる！WizardiaのNFTとトークンをゲットできるコラボ実施中！'
+        },
         {
           imageSrc: 'lok.png',
           articleUrl: '/ALIS-official/articles/365Rb1VZYWkw',