mirrors/snippet-box
1
0
Fork 0
mirror of https://github.com/pawelmalak/snippet-box.git synced 2025-12-21 13:23:05 +01:00
Code Issues Projects Releases Wiki Activity

Fixed date parsing bug. Small UI fixes.

Browse Source
This commit is contained in:
Paweł Malak
2021-10-14 01:46:48 +02:00
parent 3b22cd9442
commit b04d042255
4 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/UI/Card.tsx
View File

@@ -1,12 +1,15 @@
import { ReactNode } from 'react';
interface Props {
title?: string;
children?: JSX.Element | JSX.Element[];
children?: ReactNode;
classes?: string;
bodyClasses?: string;
}
export const Card = (props: Props): JSX.Element => {
const { title, children, classes, bodyClasses } = props;
const { title, children, classes = '', bodyClasses = '' } = props;
const parentClasses = `card mb-3 ${classes}`;
const childClasses = `card-body ${bodyClasses}`;

2
client/src/components/UI/Layout.tsx
View File

@@ -4,7 +4,7 @@ interface Props {
export const Layout = (props: Props): JSX.Element => {
return (
<div className='container-lg px-5'>
<div className='container-lg'>
<div className='row py-4'>{props.children}</div>
</div>
);

6
client/src/containers/Snippet.tsx
View File

@@ -29,14 +29,13 @@ export const Snippet = (): JSX.Element => {
) : (
<Fragment>
<PageHeader title='' prevDest={from} />
<div className='row mt-3'>
<div className='col-12 col-md-7 col-lg-8'>
<div className='col-12 col-md-7 col-lg-8 mt-3'>
<SnippetCode
code={currentSnippet.code}
language={currentSnippet.language}
/>
</div>
<div className='col-12 col-md-5 col-lg-4'>
<div className='col-12 col-md-5 col-lg-4 mt-md-3'>
<SnippetDetails snippet={currentSnippet} />
</div>
{currentSnippet.docs && (
@@ -47,7 +46,6 @@ export const Snippet = (): JSX.Element => {
</Card>
</div>
)}
</div>
</Fragment>
)}
</Layout>

11
client/src/utils/dateParser.ts
View File

@@ -1,5 +1,6 @@
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
import customParseFormat from 'dayjs/plugin/customParseFormat';
interface Return {
formatted: string;
@@ -8,8 +9,16 @@ interface Return {
export const dateParser = (date: Date): Return => {
dayjs.extend(relativeTime);
dayjs.extend(customParseFormat);
const parsedDate = dayjs(date);
// test date format
const regex = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.|\+|-|Z)+/;
const dateFormat = regex.test(date.toString())
? 'YYYY-MM-DD[T]HH:mm:ss.SSSZ'
: 'YYYY-MM-DD HH:mm:ss.SSS Z';
// parse date
const parsedDate = dayjs(date, dateFormat);
const formatted = parsedDate.format('YYYY-MM-DD HH:mm');
const relative = parsedDate.fromNow();