added popover to status icon

This commit is contained in:
Sadaqat Ali 2022-05-15 08:18:06 +05:00
parent f1b48a04fb
commit 65996ee3be
2 changed files with 27 additions and 12 deletions

View File

@ -15,6 +15,7 @@ import { OptionsModal } from '../../atoms';
// Styles
import styles from './draftListItemStyles';
import { ScheduledPostStatus } from '../../../providers/ecency/ecency.types';
import { PopoverWrapper } from '../../popoverWrapper/popoverWrapperView';
// Defaults
const DEFAULT_IMAGE =
@ -55,8 +56,16 @@ const DraftListItemView = ({
_isMounted = true;
};
}, []);
// Component Functions
// consts
const scheduleStatus =
status === ScheduledPostStatus.PENDING
? intl.formatMessage({ id: 'schedules.pending' })
: status === ScheduledPostStatus.POSTPONED
? intl.formatMessage({ id: 'schedules.postponed' })
: status === ScheduledPostStatus.PUBLISHED
? intl.formatMessage({ id: 'schedules.published' })
: intl.formatMessage({ id: 'schedules.error' });
const statusIcon =
status === ScheduledPostStatus.PENDING
? 'timer'
@ -85,16 +94,18 @@ const DraftListItemView = ({
/>
<View style={styles.iconsContainer}>
{isSchedules && (
<IconButton
backgroundColor="transparent"
name={statusIcon}
iconType="MaterialIcons"
size={20}
onPress={() => actionSheet.current.show()}
style={[styles.rightItem]}
color={statusIconColor}
disabled
/>
<PopoverWrapper text={scheduleStatus}>
<IconButton
backgroundColor="transparent"
name={statusIcon}
iconType="MaterialIcons"
size={20}
onPress={() => actionSheet.current.show()}
style={[styles.rightItem]}
color={statusIconColor}
disabled
/>
</PopoverWrapper>
)}
<IconButton
backgroundColor="transparent"

View File

@ -518,7 +518,11 @@
"empty_list": "Nothing here",
"deleted": "Scheduled post deleted",
"move": "Move to drafts",
"moved": "Moved to drafts"
"moved": "Moved to drafts",
"pending": "Pending",
"postponed": "Postponed",
"published": "Published",
"error": "Error"
},
"bookmarks": {
"title": "Bookmarks",