mirror of
https://github.com/astuto/astuto.git
synced 2025-12-16 11:47:56 +01:00
Improve Post component
This commit is contained in:
16
app/javascript/components/shared/PostStatusLabel.tsx
Normal file
16
app/javascript/components/shared/PostStatusLabel.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import * as React from 'react';
|
||||
|
||||
import IPostStatus from '../../interfaces/IPostStatus';
|
||||
|
||||
const PostStatusLabel = ({
|
||||
id,
|
||||
name,
|
||||
color,
|
||||
}: IPostStatus) => (
|
||||
<div style={{display: 'flex'}}>
|
||||
<div className="dot" style={{backgroundColor: color}}></div>
|
||||
<span className="postStatusName">{name}</span>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default PostStatusLabel;
|
||||
Reference in New Issue
Block a user