diff --git a/application/src/components/Result.tsx b/application/src/components/Result.tsx index 9ebcadd..4a1d03c 100644 --- a/application/src/components/Result.tsx +++ b/application/src/components/Result.tsx @@ -9,6 +9,7 @@ import LastPostAtBadge from './badges/LastPostAtBadge' import BotBadge from './badges/BotBadge' import { FeedResponseField, FeedResponseItem } from '../types/FeedResponse' import ParentFeed from './ParentFeed' +import StatusesCountBadge from './badges/StatusesCountBadge' const Result:React.FC<{ feed:FeedResponseItem }> = ({ feed }) => { const fallbackEmojiImage = '/emoji.svg' @@ -43,6 +44,7 @@ const Result:React.FC<{ feed:FeedResponseItem }> = ({ feed }) => { + diff --git a/application/src/components/badges/CreatedAtBadge.tsx b/application/src/components/badges/CreatedAtBadge.tsx index 31a9176..dbae2eb 100644 --- a/application/src/components/badges/CreatedAtBadge.tsx +++ b/application/src/components/badges/CreatedAtBadge.tsx @@ -3,11 +3,11 @@ import React from 'react' const CreatedAtBadge:React.FC<{ createdAt: string | null }> = ({ createdAt }) => { return (
- Created at {createdAt !== null ? (new Date(createdAt)).toLocaleDateString() : '?'} diff --git a/application/src/components/badges/LastPostAtBadge.tsx b/application/src/components/badges/LastPostAtBadge.tsx index c1b9118..3a5ae34 100644 --- a/application/src/components/badges/LastPostAtBadge.tsx +++ b/application/src/components/badges/LastPostAtBadge.tsx @@ -3,12 +3,11 @@ import React from 'react' const LastPostAtBadge:React.FC<{ lastStatusAt: string | null }> = ({ lastStatusAt }) => { return (
- - Last status at {lastStatusAt !== null ? (new Date(lastStatusAt)).toLocaleDateString() : '?'} diff --git a/application/src/components/badges/StatusesCountBadge.tsx b/application/src/components/badges/StatusesCountBadge.tsx new file mode 100644 index 0000000..a3dfe91 --- /dev/null +++ b/application/src/components/badges/StatusesCountBadge.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const StatusesCountBadge:React.FC<{ statusesCount: number | null }> = ({ statusesCount }) => { + return ( +
+ + Status count + {statusesCount !== null ? statusesCount : '?'} +
+ ) +} + +export default StatusesCountBadge