From 4a484286dbad0a9aa373f4a1aa273e35caabb689 Mon Sep 17 00:00:00 2001
From: Ilham Syahid S <ilhamsyahids@gmail.com>
Date: Sun, 27 Mar 2022 11:02:18 +0700
Subject: [PATCH] fix active users not appear

---
 components/metrics/ActiveUsers.js    | 10 +++++++---
 components/metrics/RealtimeHeader.js |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/metrics/ActiveUsers.js b/components/metrics/ActiveUsers.js
index b739861b..7718b587 100644
--- a/components/metrics/ActiveUsers.js
+++ b/components/metrics/ActiveUsers.js
@@ -9,14 +9,18 @@ import styles from './ActiveUsers.module.css';
 
 export default function ActiveUsers({ websiteId, className, value, interval = 60000 }) {
   const shareToken = useShareToken();
-  const url = value !== undefined && websiteId ? `/website/${websiteId}/active` : null;
+  const url = websiteId ? `/website/${websiteId}/active` : null;
   const { data } = useFetch(url, {
     interval,
     headers: { [TOKEN_HEADER]: shareToken?.token },
   });
   const count = useMemo(() => {
-    return value || data?.[0]?.x || 0;
-  }, [data, value]);
+    if (websiteId) {
+      return data?.[0]?.x || 0
+    }
+
+    return value !== undefined ? value : 0;
+  }, [data, value, websiteId]);
 
   if (count === 0) {
     return null;
diff --git a/components/metrics/RealtimeHeader.js b/components/metrics/RealtimeHeader.js
index 33c7b576..56cf805f 100644
--- a/components/metrics/RealtimeHeader.js
+++ b/components/metrics/RealtimeHeader.js
@@ -33,7 +33,7 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
           <FormattedMessage id="label.realtime" defaultMessage="Realtime" />
         </div>
         <div>
-          <ActiveUsers className={styles.active} value={count} />
+          <ActiveUsers className={styles.active} value={count} websiteId={websiteId} />
         </div>
         <DropDown value={websiteId} options={options} onChange={onSelect} />
       </PageHeader>