pass time as a prop to component

Real-Dev-Squad · Nov 24, 2023 · d9573be · d9573be
1 parent 2973166
commit d9573be
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/app/components/self-clear-cache.hbs b/app/components/self-clear-cache.hbs
@@ -1,7 +1,7 @@
 {{#if @dev}}
   <section class='cache'>
     <div data-test-last-time class='cache__last-request'>
-      Last Request: 24 November, 1:23 PM IST
+      Last Request: {{@time}}
     </div>
     <button
       data-test-btn-clear-cache

diff --git a/app/constants/self-clear-cache.js b/app/constants/self-clear-cache.js
@@ -1 +1,3 @@
 export const MAX_CACHE_PURGE_COUNT = 3;
+// this will be removed once we fetch this from the API
+export const LAST_UPDATED_REQUEST = '24 November, 1:23 PM IST';
diff --git a/app/controllers/index.js b/app/controllers/index.js
@@ -5,12 +5,14 @@ import ENV from 'website-my/config/environment';
 import { inject as service } from '@ember/service';
 import { toastNotificationTimeoutOptions } from '../constants/toast-notification';
 import { USER_STATES } from '../constants/user-status';
-import { MAX_CACHE_PURGE_COUNT } from '../constants/self-clear-cache';
+import {
+  MAX_CACHE_PURGE_COUNT,
+  LAST_UPDATED_REQUEST,
+} from '../constants/self-clear-cache';
 
 const BASE_URL = ENV.BASE_API_URL;
 
 export default class IndexController extends Controller {
-  queryParams = ['dev'];
   @service featureFlag;
   @service toast;
   @tracked status = this.model;
@@ -19,6 +21,7 @@ export default class IndexController extends Controller {
   @tracked newStatus;
   @tracked isPurgingCache = false;
   @tracked cacheTriggeredPending = MAX_CACHE_PURGE_COUNT;
+  @tracked lastUpdatedCacheRequest = LAST_UPDATED_REQUEST;
 
   @action toggleUserStateModal() {
     this.showUserStateModal = !this.showUserStateModal;
@@ -91,7 +94,7 @@ export default class IndexController extends Controller {
       if (response.ok) {
         const data = await response.json();
         this.cacheTriggeredPending--;
-        alert(data.message);
+        this.toast.success(data.message, '', toastNotificationTimeoutOptions);
       } else {
         this.toast.error(
           'Something went wrong.',
@@ -101,7 +104,11 @@ export default class IndexController extends Controller {
       }
     } catch (error) {
       console.error('Error : ', error);
-      alert('Something went wrong!');
+      this.toast.error(
+        'Something went wrong.',
+        '',
+        toastNotificationTimeoutOptions
+      );
     } finally {
       this.isPurgingCache = false;
     }

diff --git a/tests/integration/components/self-clear-cache-test.js b/tests/integration/components/self-clear-cache-test.js
@@ -12,6 +12,7 @@ module('Integration | Component | self-clear-cache', function (hooks) {
       cacheTriggeredPending: 3,
       isDevMode: true,
       isPurgingCache: false,
+      lastUpdatedCacheRequest: '24 November, 1:23 PM IST',
     });
 
     await render(hbs`
@@ -20,6 +21,7 @@ module('Integration | Component | self-clear-cache', function (hooks) {
           @onClearCache={{this.purgeCache}}
           @isPurgingCache={{this.isPurgingCache}}
           @dev={{this.isDevMode}}
+          @time={{this.lastUpdatedCacheRequest}}
         />
     `);