mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
left panel with git logs at boris
This commit is contained in:
parent
13ac60a1e6
commit
cb518f0528
15 changed files with 211 additions and 44 deletions
24
src/components/boris/BorisStatsGitCard/index.tsx
Normal file
24
src/components/boris/BorisStatsGitCard/index.tsx
Normal file
|
@ -0,0 +1,24 @@
|
|||
import React, { FC } from 'react';
|
||||
import { IStatGitRow } from '~/redux/boris/reducer';
|
||||
import styles from './styles.module.scss';
|
||||
import { getPrettyDate } from '~/utils/dom';
|
||||
|
||||
interface IProps {
|
||||
data: IStatGitRow;
|
||||
}
|
||||
|
||||
const BorisStatsGitCard: FC<IProps> = ({ data: { timestamp, subject } }) => {
|
||||
if (!subject || !timestamp) return null;
|
||||
|
||||
return (
|
||||
<div className={styles.wrap}>
|
||||
<div className={styles.time}>
|
||||
{getPrettyDate(new Date(parseInt(`${timestamp}000`)).toISOString())}
|
||||
</div>
|
||||
|
||||
<div className={styles.subject}>{subject}</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export { BorisStatsGitCard };
|
|
@ -0,0 +1,9 @@
|
|||
.wrap {
|
||||
margin-top: $gap;
|
||||
}
|
||||
|
||||
.time {
|
||||
font: $font_12_regular;
|
||||
line-height: 17px;
|
||||
opacity: 0.5;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue