Merge pull request #1155 from oasisprotocol/mz/consensusSocialSection

Add Social section to Consensus dashboard

.changelog/1155.trivial.md

@@ -0,0 +1 @@
+Add Social section to Consensus dashboard

src/app/pages/ParatimeDashboardPage/Social.tsx → src/app/components/Social/index.tsx

@@ -27,7 +27,13 @@ const SocialLink: FC<SocialLinkProps> = ({ label, href, isMobile, img }) => {
       href={href}
       color={COLORS.white}
       underline="none"
-      sx={{ display: 'flex', flexDirection: 'column', mx: isMobile ? 4 : 0, mt: isMobile ? 4 : 0 }}
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'column',
+        mx: isMobile ? 4 : 0,
+        mt: isMobile ? 4 : 0,
+      }}
       rel="noopener noreferrer"
       target="_blank"
     >

src/app/pages/ConsensusDashboardPage/index.tsx

@@ -0,0 +1,16 @@
+import { FC } from 'react'
+import Divider from '@mui/material/Divider'
+import { PageLayout } from '../../components/PageLayout'
+import { useScreenSize } from '../../hooks/useScreensize'
+import { Social } from '../../components/Social'
+
+export const ConsensusDashboardPage: FC = () => {
+  const { isMobile } = useScreenSize()
+
+  return (
+    <PageLayout>
+      <Divider variant="layout" sx={{ mt: isMobile ? 4 : 0 }} />
+      <Social />
+    </PageLayout>
+  )
+}

src/app/pages/ParatimeDashboardPage/index.tsx

@@ -2,7 +2,7 @@ import { FC } from 'react'
 import Divider from '@mui/material/Divider'
 import Grid from '@mui/material/Grid'
 import { useScreenSize } from '../../hooks/useScreensize'
-import { Social } from './Social'
+import { Social } from '../../components/Social'
 import { LearningMaterials } from './LearningMaterials'
 import { LatestBlocks } from './LatestBlocks'
 import { LatestTransactions } from './LatestTransactions'

src/locales/en/translation.json

@@ -123,7 +123,7 @@
       "verifyInSourcify": "Verify through <SourcifyLink>Sourcify</SourcifyLink>"
     }
   },
-  "dapps":{
+  "dapps": {
     "wrose": {
       "description": "Looking to wrap or unwrap your wROSE?",
       "label": "Use our ROSE (un)wrapper"
@@ -223,7 +223,7 @@
     "header": "Join us",
     "reddit": "Reddit",
     "telegram": "Telegram",
-    "twitter": "Twitter",
+    "twitter": "X",
     "youtube": "Youtube"
   },
   "tableLayoutButton": {