From f8b328862e93ae633d589120dc7df96d518f0161 Mon Sep 17 00:00:00 2001 From: wanlingt Date: Wed, 15 Nov 2023 10:57:48 +0800 Subject: [PATCH 1/3] feat: add myinfo storage mode announcement --- frontend/src/constants/localStorage.ts | 2 +- .../components/AnnouncementsFeatureList.tsx | 9 +++++++++ frontend/src/features/whats-new/FeatureUpdateList.ts | 9 +++++++++ 3 files changed, 19 insertions(+), 1 deletion(-) diff --git a/frontend/src/constants/localStorage.ts b/frontend/src/constants/localStorage.ts index 3af13425f8..126ff0ecb5 100644 --- a/frontend/src/constants/localStorage.ts +++ b/frontend/src/constants/localStorage.ts @@ -17,7 +17,7 @@ export const LOCAL_STORAGE_EVENT = 'local-storage' * Key to store whether a user has seen the rollout announcements before. */ export const ROLLOUT_ANNOUNCEMENT_KEY_PREFIX = - 'has-seen-rollout-announcement-20231026-' + 'has-seen-rollout-announcement-20231116-' /** * Key to store whether the admin has seen the feature tour in localStorage. diff --git a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx index f59e440a4f..8ee6d0c6e2 100644 --- a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx +++ b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx @@ -14,6 +14,15 @@ export interface NewFeature { // When updating this, remember to update the ROLLOUT_ANNOUNCEMENT_KEY_PREFIX with the new date // so admins will see new announcements. export const NEW_FEATURES: NewFeature[] = [ + { + // Announcement date: 2023-11- + title: '', + description: '', + image: { + url: '', + alt: '', + }, + }, { // Announcement date: 2023-10-31 title: 'Introducing Folders!', diff --git a/frontend/src/features/whats-new/FeatureUpdateList.ts b/frontend/src/features/whats-new/FeatureUpdateList.ts index 673801d6b4..f7bf625a09 100644 --- a/frontend/src/features/whats-new/FeatureUpdateList.ts +++ b/frontend/src/features/whats-new/FeatureUpdateList.ts @@ -34,6 +34,15 @@ export const FEATURE_UPDATE_LIST: FeatureUpdateList = { // Update version whenever a new feature is added. version: 4, features: [ + { + title: '', + date: new Date('Nov 2023 GMT+8'), + description: ``, + image: { + url: '', + alt: '', + }, + }, { title: 'Introducing Folders!', date: new Date('31 Oct 2023 GMT+8'), From b958ec561bd982d27388d9d386881f65beaee6c0 Mon Sep 17 00:00:00 2001 From: wanlingt Date: Wed, 15 Nov 2023 12:05:11 +0800 Subject: [PATCH 2/3] feat: add graphic and amend copy --- .../components/AnnouncementsFeatureList.tsx | 12 +- .../features/whats-new/FeatureUpdateList.ts | 11 +- .../whats-new/assets/6-myinfo-storage.svg | 229 ++++++++++++++++++ 3 files changed, 242 insertions(+), 10 deletions(-) create mode 100644 frontend/src/features/whats-new/assets/6-myinfo-storage.svg diff --git a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx index 8ee6d0c6e2..6b81f0fa7b 100644 --- a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx +++ b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx @@ -2,6 +2,7 @@ import { GUIDE_PAYMENTS_ENTRY } from '~constants/links' import { FeatureUpdateImage } from '~features/whats-new/FeatureUpdateList' +import myInfoStorageMode from '../../whats-new/assets/6-myinfo-storage.svg' import foldersDashboard from '../../whats-new/assets/folders_dashboard.svg' import PaymentsAnnouncementGraphic from '../assets/payments_announcement.svg' @@ -15,12 +16,13 @@ export interface NewFeature { // so admins will see new announcements. export const NEW_FEATURES: NewFeature[] = [ { - // Announcement date: 2023-11- - title: '', - description: '', + // Announcement date: 2023-11-16 + title: 'Myinfo fields for Storage mode forms', + description: + "Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select Singpass App-only with Myinfo or Singpass with Myinfo in your form's authentication settings.", image: { - url: '', - alt: '', + url: myInfoStorageMode, + alt: 'Myinfo fields for Storage mode forms', }, }, { diff --git a/frontend/src/features/whats-new/FeatureUpdateList.ts b/frontend/src/features/whats-new/FeatureUpdateList.ts index f7bf625a09..18dc4c72dd 100644 --- a/frontend/src/features/whats-new/FeatureUpdateList.ts +++ b/frontend/src/features/whats-new/FeatureUpdateList.ts @@ -6,6 +6,7 @@ import { GUIDE_PAYMENTS_ENTRY } from '~constants/links' import Animation2 from './assets/2-payments.json' import Animation3 from './assets/3-search-and-filter.json' import Animation4 from './assets/4-dnd.json' +import MyInfoStorageMode from './assets/6-myinfo-storage.svg' import foldersDashboard from './assets/folders_dashboard.svg' // image can either be a static image (using url) or an animation (using animationData) @@ -35,12 +36,12 @@ export const FEATURE_UPDATE_LIST: FeatureUpdateList = { version: 4, features: [ { - title: '', - date: new Date('Nov 2023 GMT+8'), - description: ``, + title: 'Myinfo fields for Storage mode forms', + date: new Date('16 Nov 2023 GMT+8'), + description: `Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select Singpass App-only with Myinfo or Singpass with Myinfo in your form's authentication settings.`, image: { - url: '', - alt: '', + url: MyInfoStorageMode, + alt: 'Myinfo fields for Storage mode forms', }, }, { diff --git a/frontend/src/features/whats-new/assets/6-myinfo-storage.svg b/frontend/src/features/whats-new/assets/6-myinfo-storage.svg new file mode 100644 index 0000000000..3ba311231c --- /dev/null +++ b/frontend/src/features/whats-new/assets/6-myinfo-storage.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 28fe85ec25e041f6280720f6a95177c9fac70f09 Mon Sep 17 00:00:00 2001 From: wanlingt Date: Wed, 15 Nov 2023 12:57:11 +0800 Subject: [PATCH 3/3] fix: update copy --- .../components/AnnouncementsFeatureList.tsx | 2 +- frontend/src/features/whats-new/FeatureUpdateList.ts | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx index 6b81f0fa7b..5800d0e472 100644 --- a/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx +++ b/frontend/src/features/rollout-announcement/components/AnnouncementsFeatureList.tsx @@ -19,7 +19,7 @@ export const NEW_FEATURES: NewFeature[] = [ // Announcement date: 2023-11-16 title: 'Myinfo fields for Storage mode forms', description: - "Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select Singpass App-only with Myinfo or Singpass with Myinfo in your form's authentication settings.", + 'Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select one of our Myinfo-enabled authentication options in your form’s settings.', image: { url: myInfoStorageMode, alt: 'Myinfo fields for Storage mode forms', diff --git a/frontend/src/features/whats-new/FeatureUpdateList.ts b/frontend/src/features/whats-new/FeatureUpdateList.ts index 18dc4c72dd..60de1adb92 100644 --- a/frontend/src/features/whats-new/FeatureUpdateList.ts +++ b/frontend/src/features/whats-new/FeatureUpdateList.ts @@ -38,7 +38,8 @@ export const FEATURE_UPDATE_LIST: FeatureUpdateList = { { title: 'Myinfo fields for Storage mode forms', date: new Date('16 Nov 2023 GMT+8'), - description: `Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select Singpass App-only with Myinfo or Singpass with Myinfo in your form's authentication settings.`, + description: + 'Get verified data from respondents by adding Myinfo fields to your Storage mode form. To enable Myinfo fields, select one of our Myinfo-enabled authentication options in your form’s settings.', image: { url: MyInfoStorageMode, alt: 'Myinfo fields for Storage mode forms',