mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
8563cf203f
* operation lifecycle accordion * operation entity * adapt layout to mobile device * basic operations view * pass response data to operation details * update types package * tac operation status and links to tx on ton * feature config, docs and operation badge * add info to tx page * add operations to search * search input on operations page * tests * update tooltips and temporary fix of ts * add InterFallback typeface with → glyph * design and api updates * support new API version * add time format toggle * add shield to entity icon * minor fixes * update screenshots * clean up * fix screenshot
31 lines
872 B
TypeScript
31 lines
872 B
TypeScript
import React from 'react';
|
|
|
|
import dayjs from 'lib/date/dayjs';
|
|
import { Skeleton } from 'toolkit/chakra/skeleton';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
import TextSeparator from 'ui/shared/TextSeparator';
|
|
|
|
type Props = {
|
|
// should be string, will be fixed on the back-end
|
|
timestamp: string | number;
|
|
isLoading?: boolean;
|
|
noIcon?: boolean;
|
|
};
|
|
|
|
const DetailedInfoTimestamp = ({ timestamp, isLoading, noIcon }: Props) => {
|
|
return (
|
|
<>
|
|
{ !noIcon && <IconSvg name="clock" boxSize={ 5 } color="gray.500" isLoading={ isLoading } mr={ 2 }/> }
|
|
<Skeleton loading={ isLoading }>
|
|
{ dayjs(timestamp).fromNow() }
|
|
</Skeleton>
|
|
<TextSeparator color="gray.500"/>
|
|
<Skeleton loading={ isLoading } whiteSpace="normal">
|
|
{ dayjs(timestamp).format('llll') }
|
|
</Skeleton>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default DetailedInfoTimestamp;
|