Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 01:01:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

- make dates follow internationalization standard

Browse Source
This commit is contained in:
Amruth Pillai
2020-07-20 07:43:56 +05:30
parent 9930cee309
commit fe645e7d4c
7 changed files with 97 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/templates/blocks/Projects/ProjectsA.js
View File

@ -1,31 +1,38 @@
import moment from 'moment';
import moment from 'moment/min/moment-with-locales';
import React, { memo, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import ReactMarkdown from 'react-markdown';
import PageContext from '../../../contexts/PageContext';
import { safetyCheck } from '../../../utils';
const ProjectItem = (x) => (
<div key={x.id}>
<div className="flex justify-between items-center">
<div className="flex flex-col text-left mr-2">
<h6 className="font-semibold">{x.title}</h6>
{x.link && (
<a href={x.link} className="text-xs">
{x.link}
</a>
const ProjectItem = (x) => {
const { i18n } = useTranslation();
return (
<div key={x.id}>
<div className="flex justify-between items-center">
<div className="flex flex-col text-left mr-2">
<h6 className="font-semibold">{x.title}</h6>
{x.link && (
<a href={x.link} className="text-xs">
{x.link}
</a>
)}
</div>
{x.date && (
<h6 className="text-xs font-medium text-right">
{moment(x.date)
.locale(i18n.language.substr(0, 2))
.format('MMMM YYYY')}
</h6>
)}
</div>
{x.date && (
<h6 className="text-xs font-medium text-right">
{moment(x.date).format('MMMM YYYY')}
</h6>
{x.summary && (
<ReactMarkdown className="markdown mt-2 text-sm" source={x.summary} />
)}
</div>
{x.summary && (
<ReactMarkdown className="markdown mt-2 text-sm" source={x.summary} />
)}
</div>
);
);
};
const ProjectsA = () => {
const { data, heading: Heading } = useContext(PageContext);