ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-21 12:21:31 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

added popover to status icon

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/draftListItem/view/draftListItemView.js
View File

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

6
src/config/locales/en-US.json
View File

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