draft for news section

gluneau · May 26, 2023 · eab56cb · eab56cb
1 parent 725032d
commit eab56cb
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 1 deletion.
diff --git a/src/components/dapp-staking/dapp/Dapp.vue b/src/components/dapp-staking/dapp/Dapp.vue
@@ -6,7 +6,10 @@
     <dapp-images :dapp="dapp" />
     <builders :dapp="dapp" />
     <div class="row--project-overview">
-      <project-overview :dapp="dapp" />
+      <div class="col--project-overview">
+        <project-overview :dapp="dapp" />
+        <project-news :dapp="dapp" />
+      </div>
       <project-details :dapp="dapp" />
     </div>
     <dapp-stats-charts :dapp="dapp" />
@@ -29,6 +32,7 @@ import DappStatistics from 'src/components/dapp-staking/dapp/DappStatistics.vue'
 import DappStatsCharts from 'src/components/dapp-staking/dapp/DappStatsCharts.vue';
 import ProjectDetails from 'src/components/dapp-staking/dapp/ProjectDetails.vue';
 import ProjectOverview from 'src/components/dapp-staking/dapp/ProjectOverview.vue';
+import ProjectNews from 'src/components/dapp-staking/dapp/ProjectNews.vue';
 import { useDappRedirect, useDispatchGetDapps, useStakingList } from 'src/hooks';
 import { Path } from 'src/router';
 import { networkParam } from 'src/router/routes';
@@ -44,6 +48,7 @@ export default defineComponent({
     DappImages,
     Builders,
     ProjectOverview,
+    ProjectNews,
     ProjectDetails,
     BackToPage,
     DappStatsCharts,

diff --git a/src/components/dapp-staking/dapp/ProjectNews.vue b/src/components/dapp-staking/dapp/ProjectNews.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="wrapper--project-overview">
+    <div class="row--overview-title">
+      <span class="text--xl text--color"> {{ $t('dappStaking.dappPage.projectNews') }}</span>
+    </div>
+    <div class="box--overview">
+      <!-- eslint-disable vue/no-v-html -->
+      <div class="markdown" v-html="sanitizeData(dapp.dapp.description)" />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { sanitizeData } from 'src/hooks/helper/markdown';
+export default defineComponent({
+  props: {
+    dapp: {
+      type: Object,
+      required: true,
+    },
+  },
+  setup(props) {
+    return { sanitizeData };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+@use 'src/components/dapp-staking/dapp/styles/project-overview.scss';
+@use 'src/css/markdown.scss';
+</style>
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
@@ -260,6 +260,7 @@ export default {
       totalStaker: 'Total Staker',
       team: 'Team',
       projectOverview: 'Project Overview',
+      projectNews: 'Project News',
       projectSite: 'Project Site',
       goToApp: 'Go to App',
       goToWebsite: 'Go to website',

diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
@@ -229,6 +229,7 @@ export default {
       totalStaker: 'Participants total',
       team: 'Équipe',
       projectOverview: "Vue d'ensemble du projet",
+      projectNews: 'Nouvelles du projet',
       projectSite: 'Site du projet',
       goToApp: "Accéder à l'application",
       goToWebsite: 'Accéder au site Web',

diff --git a/src/i18n/it/index.ts b/src/i18n/it/index.ts
@@ -226,6 +226,7 @@ export default {
       totalStaker: 'Staker Totali',
       team: 'Team',
       projectOverview: 'Panoramica del progetto',
+      projectNews: 'Project News',
       projectSite: 'Sito Web del progetto',
       goToApp: "Vai all'app",
       goToWebsite: 'Vai al sito web',

diff --git a/src/i18n/ja/index.ts b/src/i18n/ja/index.ts
@@ -225,6 +225,7 @@ export default {
       totalStaker: 'Total Staker',
       team: 'Team',
       projectOverview: 'Project Overview',
+      projectNews: 'Project News',
       projectSite: 'Project Site',
       goToApp: 'Go to App',
       goToWebsite: 'Go to website',

diff --git a/src/i18n/kr/index.ts b/src/i18n/kr/index.ts
@@ -223,6 +223,7 @@ export default {
       totalStaker: '총 스테이커 수',
       team: '팀',
       projectOverview: '프로젝트 개요',
+      projectNews: 'Project News',
       projectSite: '프로젝트 사이트',
       goToApp: '앱으로 이동',
       goToWebsite: '웹사이트로 이동',

diff --git a/src/i18n/pt/index.ts b/src/i18n/pt/index.ts
@@ -224,6 +224,7 @@ export default {
       totalStaker: 'Total do Staker',
       team: 'Time',
       projectOverview: 'Visão Geral do Projeto',
+      projectNews: 'Project News',
       projectSite: 'Site do Projeto',
       goToApp: 'Ir para o App',
       goToWebsite: 'Ir para o website',