Fixes based on comments

This commit is contained in:
Joshen Lim committed 2022-08-22 12:45:01 +08:00
1 parent ab07600cc0
commit 2fbe6754c4
3 files changed
+10 -12

No files matched your search

@@ -114,7 +114,9 @@ const RowHeader: FC<RowHeaderProps> = ({ sorts, filters }) => {
const onRowsDelete = () => {
confirmAlert({
title: 'Confirm to delete',
message: `Are you sure you want to delete the selected ${selectedRows.size} rows? This action cannot be undone.`,
message: `Are you sure you want to delete the selected ${selectedRows.size} row${
selectedRows.size > 1 ? 's' : ''
}? This action cannot be undone.`,
confirmText: `Delete ${selectedRows.size} rows`,
onAsyncConfirm: async () => {
if (allRowsSelected) {
@@ -31,11 +31,11 @@ const StatusLabel: FC<Props> = ({}) => {
}, [])
return (
<div className="sb-grid-status-label">
<div className="sb-grid-status-label flex items-center justify-center">
{status === 'saving' ? (
<Tooltip.Root delayDuration={0}>
<Tooltip.Trigger>
<IconLoader className="animate-spin mx-1" size={14} strokeWidth={2} />
<IconLoader className="animate-spin mx-1 text-scale-1100" size={14} strokeWidth={2} />
</Tooltip.Trigger>
<Tooltip.Content side="left">
<Tooltip.Arrow className="radix-tooltip-arrow" />
@@ -311,15 +311,11 @@ const FileExplorerHeader = ({
<Dropdown
overlay={[
<Dropdown.RadioGroup key="sortOptions" value={sortBy} onChange={onChangeSortBy}>
<Dropdown.Radio value={STORAGE_SORT_BY.NAME}>Sort by name</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.CREATED_AT}>
Sort by create time
</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.UPDATED_AT}>
Sort by modified time
</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.NAME}>Name</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.CREATED_AT}>Time created</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.UPDATED_AT}>Time modified</Dropdown.Radio>
<Dropdown.Radio value={STORAGE_SORT_BY.LAST_ACCESSED_AT}>
Sort by last accessed time
Time last accessed
</Dropdown.Radio>
</Dropdown.RadioGroup>,
]}
@@ -330,7 +326,7 @@ const FileExplorerHeader = ({
type="text"
disabled={breadcrumbs.length === 0}
>
Sort
Sort by
</Button>
</Dropdown>
<Dropdown