From eab56cb4efc83191e13ad32818ff24340a531540 Mon Sep 17 00:00:00 2001
From: Gregory Luneau <gregory.luneau@gmail.com>
Date: Thu, 25 May 2023 21:34:00 -0500
Subject: [PATCH] draft for news section

---
 src/components/dapp-staking/dapp/Dapp.vue     |  7 ++++-
 .../dapp-staking/dapp/ProjectNews.vue         | 31 +++++++++++++++++++
 src/i18n/en-US/index.ts                       |  1 +
 src/i18n/fr/index.ts                          |  1 +
 src/i18n/it/index.ts                          |  1 +
 src/i18n/ja/index.ts                          |  1 +
 src/i18n/kr/index.ts                          |  1 +
 src/i18n/pt/index.ts                          |  1 +
 8 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 src/components/dapp-staking/dapp/ProjectNews.vue

diff --git a/src/components/dapp-staking/dapp/Dapp.vue b/src/components/dapp-staking/dapp/Dapp.vue
index aaf9d2c78..83736908d 100644
--- 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
new file mode 100644
index 000000000..d3f8e32fc
--- /dev/null
+++ 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
index d9710c6fc..63659e400 100644
--- 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
index 4b664fce6..f97a56b4f 100644
--- 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
index 259064aac..f3c9cea21 100644
--- 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
index cc0167b6a..2e7040ee3 100644
--- 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
index a427ce860..b379a6c4c 100644
--- 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
index 7de129dd6..f83854422 100644
--- 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',