Merge pull request aws-amplify#6417 from erinleigh90/fix-migration-utils

fix: fix utils examples in upgrade guide
ashwinkumar6 · Nov 15, 2023 · 719d47c · 719d47c
2 parents 660737f + 7ee98ca
commit 719d47c
Showing 1 changed file with 51 additions and 21 deletions.
diff --git a/src/fragments/lib/troubleshooting/common/upgrading.mdx b/src/fragments/lib/troubleshooting/common/upgrading.mdx
@@ -855,24 +855,37 @@ As of v6 of Amplify, you will now import the functional API’s directly from th
 ```
 import { ServiceWorker, Cache, Hub, I18n, Logger } from 'aws-amplify';
 
-// Service Worker const serviceWorker = new ServiceWorker();
-
-// Cache Cache.setItem(key, value, [options]);
-
-// Hub (Listening for messages) class MyClass { constructor() { Hub.listen('auth', (data) => { const { payload } = data; this.onAuthEvent(payload);  
- console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); }) }
-
-    onAuthEvent(payload) {
-        // ... your implementation
-    }
+// Service Worker 
+const serviceWorker = new ServiceWorker();
+
+// Cache 
+Cache.setItem(key, value, [options]);
+
+// Hub (Listening for messages) 
+class MyClass { 
+  constructor() { 
+    Hub.listen('auth', (data) => { 
+      const { payload } = data; 
+      this.onAuthEvent(payload);  
+      console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); 
+    }) 
+  }
 
+  onAuthEvent(payload) {
+      // ... your implementation
+  }
 }
 
-// Internationalization I18n.setLanguage('fr');
+// Internationalization 
+I18n.setLanguage('fr');
 
-// Logger const logger = new Logger('foo');
+// Logger 
+const logger = new Logger('foo');
 
-logger.info('info bar'); logger.debug('debug bar'); logger.warn('warn bar'); logger.error('error bar');
+logger.info('info bar'); 
+logger.debug('debug bar'); 
+logger.warn('warn bar'); 
+logger.error('error bar');
 
 ```
 </Block>
@@ -888,20 +901,37 @@ import {
   ConsoleLogger
 } from 'aws-amplify/utils';
 
-// Service Worker const serviceWorker = new ServiceWorker();
+// Service Worker 
+const serviceWorker = new ServiceWorker();
 
-// Cache Cache.setItem(key, value, [options]);
+// Cache 
+Cache.setItem(key, value, [options]);
 
-// Hub (Listening for messages) class MyClass { constructor() { Hub.listen('auth', (data) => { const { payload } = data; this.onAuthEvent(payload);  
- console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); }) }
+// Hub (Listening for messages) 
+class MyClass { 
+  constructor() { 
+    Hub.listen('auth', (data) => { 
+      const { payload } = data; 
+      this.onAuthEvent(payload);  
+      console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); 
+    }) 
+  }
 
-onAuthEvent(payload) { // ... your implementation } }
+  onAuthEvent(payload) { 
+    // ... your implementation 
+  } 
+}
 
-// Internationalization I18n.setLanguage('fr');
+// Internationalization 
+I18n.setLanguage('fr');
 
-// Console Logger const logger = new ConsoleLogger('foo');
+// Console Logger 
+const logger = new ConsoleLogger('foo');
 
-logger.info('info bar'); logger.debug('debug bar'); logger.warn('warn bar'); logger.error('error bar');
+logger.info('info bar'); 
+logger.debug('debug bar'); 
+logger.warn('warn bar'); 
+logger.error('error bar');
 
 ````
 </Block>