da7fdfef0a
* Filter search by collectionId
* Improve spec, remove recursive import
* Add userId filter for documents.search
* 💚
* Search filter UI
* WIP UI
* Date filtering
Prevent dupe menu
* Refactor
* button
* Added year option, improved hover states
* Add new indexes
* Remove manual string interpolation in SQL construction
* Move dateFilter validation to controller
* Fixes: Double query when changing filter
Fixes: Visual jump between filters in dropdown
* Add option to clear filters
* More clearly define dropdowns in dark mode
* Checkbox -> Checkmark
22 lines
553 B
JavaScript
22 lines
553 B
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import Tooltip from 'components/Tooltip';
|
|
import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
|
|
import format from 'date-fns/format';
|
|
|
|
type Props = {
|
|
dateTime: string,
|
|
children?: React.Node,
|
|
};
|
|
|
|
function Time({ dateTime, children }: Props) {
|
|
const date = new Date(dateTime);
|
|
return (
|
|
<Tooltip tooltip={format(date, 'MMMM Do, YYYY h:mm a')} placement="bottom">
|
|
<time dateTime={dateTime}>{children || distanceInWordsToNow(date)}</time>
|
|
</Tooltip>
|
|
);
|
|
}
|
|
|
|
export default Time;
|