[Issue-3515] Update content

Carach71 · Oct 23, 2024 · dfdad0d · dfdad0d
1 parent 941ece9
commit dfdad0d
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 19 deletions.
diff --git a/packages/extension-koni-ui/src/Popup/Settings/GeneralSetting.tsx b/packages/extension-koni-ui/src/Popup/Settings/GeneralSetting.tsx
@@ -374,7 +374,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
               key: 'browser-confirmation-type-trigger',
               leftIcon: BellSimpleRinging,
               leftIconBgColor: token['volcano-6'],
-              title: t('Notifications')
+              title: t('Browser notifications')
             })}
             disabled={loadingMap.browserConfirmationType}
             id='browser-confirmation-type-select-modal'
@@ -388,9 +388,8 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
             size='small'
             title={t('Notifications')}
           />
-
           <SettingItem
-            className={CN('security-item', 'notification-item')}
+            className={CN('__trigger-item setting-item', 'notification-item')}
             leftItemIcon={(
               <BackgroundIcon
                 backgroundColor={token['magenta-7']}

diff --git a/packages/extension-koni-ui/src/Popup/Settings/Notifications/Notification.tsx b/packages/extension-koni-ui/src/Popup/Settings/Notifications/Notification.tsx
@@ -320,8 +320,8 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
   const renderEmptyList = useCallback(() => {
     return (
       <EmptyList
-        emptyMessage={t('Your notification will appear here.')}
-        emptyTitle={t('Have not notification yet')}
+        emptyMessage={t('Your notifications will appear here')}
+        emptyTitle={t('No notifications yet')}
         phosphorIcon={ListBullets}
       />
     );
@@ -340,10 +340,10 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
           loading: loadingNotification,
           size: 'xs',
           shape: 'circle',
-          children: t('Enable notification')
+          children: t('Enable notifications')
         }}
-        emptyMessage={t('Your notification will appear here.')}
-        emptyTitle={t('Notification feature is not enabled')}
+        emptyMessage={t('Enable notifications now to not miss anything!')}
+        emptyTitle={t('Notifications are disabled')}
         phosphorIcon={BellSimpleSlash}
       />
     );
@@ -429,7 +429,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
           size='xs'
           type='ghost'
         >
-          {t('Mark read all')}
+          {t('Mark all as read')}
         </Button>
       </div>
 

diff --git a/packages/extension-koni-ui/src/Popup/Settings/Notifications/NotificationSetting.tsx b/packages/extension-koni-ui/src/Popup/Settings/Notifications/NotificationSetting.tsx
@@ -33,23 +33,23 @@ const CAN_NOT_CHANGE_SETTING: Array<keyof NotificationSetup['showNotice']> = ['e
 const Component = ({ className = '' }: Props): React.ReactElement<Props> => {
   const { token } = useTheme() as Theme;
   const { t } = useTranslation();
-  const goBack = useDefaultNavigate().goBack;
+  const { goBack } = useDefaultNavigate();
   const { notificationSetup } = useSelector((state: RootState) => state.settings);
   const [currentNotificationSetting, setCurrentNotificationSetting] = useState<NotificationSetup>(notificationSetup);
   const [loadingNotification, setLoadingNotification] = useState(false);
 
   const notificationOptions = useMemo((): ShowNoticeOption[] => {
     return [
       {
-        label: t('Show claim reward notifications'),
+        label: t('Claim tokens'),
         value: 'earningClaim'
       },
       {
-        label: t('Show withdraw notifications'),
+        label: t('Withdraw tokens'),
         value: 'earningWithdraw'
       },
       {
-        label: t('Show claim AVAIL bridge notifications'),
+        label: t('Claim AVAIL bridge'),
         value: 'availBridgeClaim'
       }
     ];
@@ -117,7 +117,7 @@ const Component = ({ className = '' }: Props): React.ReactElement<Props> => {
         onBack={goBack}
         paddingVertical
         showBackButton
-        title={t('Notification setting')}
+        title={t('Notification settings')}
       />
 
       <div className={'body-container'}>
@@ -143,7 +143,7 @@ const Component = ({ className = '' }: Props): React.ReactElement<Props> => {
           />
           {currentNotificationSetting.isEnabled && <div className={'content-wrapper'}>
             <div className={'options-container'}>
-              <div className={'option-title'}>{t('Notification setup:')}</div>
+              <div className={'option-title'}>{t('Show notifications about')}</div>
               {
                 notificationOptions.map((option) => (
                   <div

diff --git a/packages/extension-koni-ui/src/components/Modal/NotificationDetailModal.tsx b/packages/extension-koni-ui/src/components/Modal/NotificationDetailModal.tsx
@@ -53,17 +53,17 @@ function Component (props: Props): React.ReactElement<Props> {
     switch (type) {
       case ExtrinsicType.STAKING_WITHDRAW:
         return {
-          title: 'Withdraw',
+          title: 'Withdraw tokens',
           icon: DownloadSimple
         };
       case ExtrinsicType.STAKING_CLAIM_REWARD:
         return {
-          title: 'Claim',
+          title: 'Claim tokens',
           icon: Gift
         };
       case ExtrinsicType.CLAIM_AVAIL_BRIDGE:
         return {
-          title: 'Claim',
+          title: 'Claim tokens',
           icon: Coins
         };
       default:
@@ -133,7 +133,7 @@ function Component (props: Props): React.ReactElement<Props> {
               weight='fill'
             />
           </div>
-          <div className={'__right-part'}>{readNotification ? t('Mark un-read') : t('Mark read')}</div>
+          <div className={'__right-part'}>{readNotification ? t('Mark as unread') : t('Mark as read')}</div>
         </div>
       </div>