muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-26 05:16:41 +07:00
Code Packages Activity Actions

added notes menu

Browse source
This commit is contained in:
Fedor Katurov 2022-04-04 15:51:05 +07:00
parent fce11163aa
commit 57f37723fa
14 changed files with 203 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/notes/NoteCard/index.tsx
View file

@ -3,6 +3,7 @@ import React, { VFC } from 'react';
import { Card } from '~/components/containers/Card';
import { Markdown } from '~/components/containers/Markdown';
import { Padder } from '~/components/containers/Padder';
import { NoteMenu } from '~/components/notes/NoteMenu';
import { formatText, getPrettyDate } from '~/utils/dom';
import styles from './styles.module.scss';
@ -15,8 +16,10 @@ interface NoteCardProps {
const NoteCard: VFC<NoteCardProps> = ({ content, createdAt }) => (
<Card className={styles.note}>
<Padder>
<NoteMenu onEdit={console.log} onDelete={console.log} />
<Markdown className={styles.wrap} dangerouslySetInnerHTML={{ __html: formatText(content) }} />
</Padder>
<Padder className={styles.footer}>{getPrettyDate(createdAt)}</Padder>
</Card>
);

1
src/components/notes/NoteCard/styles.module.scss
View file

@ -5,6 +5,7 @@
min-width: 0;
word-break: break-word;
padding: 0;
position: relative;
& > * {
@include row_shadow;