fix: add umami time zone (#231)

* fix: add umami timezone

* fix: update citation count document

* chore: add number formatting

* fix: mini dataset warning banner text

* fix: mini dataset text in the dataset size section

* fix: update citation count document

---------

Co-authored-by: aydawka <[email protected]>

Author: megasanjay

components/side/DatasetSize.vue

@@ -43,7 +43,7 @@ const parsedSize = byteSize(props.size, { precision: 2 }).toString();
       :to="`/datasets/${child}`"
       class="p flex justify-center text-xs text-sky-700 hover:underline"
     >
-      A smaller version is available for model training...
+      A smaller version is available for pipeline development...
     </NuxtLink>
   </n-flex>
 </template>

package.json

@@ -27,7 +27,7 @@
     "@nuxtjs/eslint-config-typescript": "12.1.0",
     "@nuxtjs/google-fonts": "3.1.3",
     "@nuxtjs/sitemap": "5.1.0",
-    "@nuxtjs/tailwindcss": "6.14.0",
+    "@nuxtjs/tailwindcss": "6.11.4",
     "@tailwindcss/typography": "0.5.10",
     "@types/byte-size": "^8.1.2",
     "@types/marked": "6.0.0",

pages/datasets/[datasetid]/index.vue

@@ -57,6 +57,9 @@ const tabs = reactive([
     shownInMini: true,
   },
 ]);
+
+const formatter = Intl.NumberFormat("en", { notation: "compact" });
+
 const totalViewCount = ref(0);
 const totalDownloadApprovals = ref(0);
 const totalDownloadApprovalforAllVersions = ref(0);
@@ -422,8 +425,8 @@ const onTabChange = () => {
         type="warning"
       >
         <p>
-          It is only intended to be used as a smaller training dataset for model
-          and workflow development. To access the full dataset, please
+          It is only intended to help develop pipelines before downloading the
+          full dataset. To access the full dataset, please
           <NuxtLink
             :to="`/datasets/${dataset?.data.parent || ''}`"
             class="text-blue-500 hover:underline"
@@ -686,11 +689,11 @@ const onTabChange = () => {
 
                       <div v-else class="min-w-[36px] text-sm font-medium">
                         <div v-if="currentTab === 'currentVersion'">
-                          {{ totalViewCount }}
+                          {{ formatter.format(totalViewCount || 0) }}
                         </div>
 
                         <div v-else>
-                          {{ totalViewCount }}
+                          {{ formatter.format(totalViewCount || 0) }}
                         </div>
                       </div>
                     </TransitionFade>
@@ -713,11 +716,11 @@ const onTabChange = () => {
 
                         <div v-else class="min-w-[36px] text-sm font-medium">
                           <div v-if="currentTab === 'currentVersion'">
-                            {{ totalViewCount }}
+                            {{ formatter.format(totalViewCount || 0) }}
                           </div>
 
                           <div v-else>
-                            {{ totalViewCount }}
+                            {{ formatter.format(totalViewCount || 0) }}
                           </div>
                         </div>
                       </TransitionFade>
@@ -823,7 +826,7 @@ const onTabChange = () => {
                 <a
                   class="flex justify-center pt-4 text-xs text-sky-700 hover:underline"
                   target="_blank"
-                  href="https://github.com/AI-READI/fairhub-portal/blob/citation-count/dev/usage-statistics.md"
+                  href="https://github.com/AI-READI/fairhub-portal/blob/main/dev/usage-statistics.md"
                 >
                   More info on how stats are collected....
                 </a>

server/api/viewCount/[datasetid]/all.get.ts

@@ -50,7 +50,7 @@ export default defineEventHandler(async (event) => {
 
   for (const version of allVersions) {
     const res = await fetch(
-      `https://umami.aireadi.org/api/websites/${process.env.UMAMI_WEBSITE_ID}/pageviews?unit=year&endAt=${currentTime}&startAt=1709149073000&url=/datasets/${version.id}`,
+      `https://umami.aireadi.org/api/websites/${process.env.UMAMI_WEBSITE_ID}/pageviews?unit=year&endAt=${currentTime}&startAt=1709149073000&url=/datasets/${version.id}&timezone=America/Los_Angeles`,
       {
         headers: {
           Authorization: `Bearer ${token}`,
@@ -61,6 +61,7 @@ export default defineEventHandler(async (event) => {
 
     if (response.ok) {
       const data = await res.json();
+
       total += data.pageviews.reduce(
         (
           acc: number,

server/api/viewCount/[datasetid]/index.get.ts

@@ -41,7 +41,7 @@ export default defineEventHandler(async (event) => {
   const currentTime: number = Date.now();
 
   const res = await fetch(
-    `https://umami.aireadi.org/api/websites/${process.env.UMAMI_WEBSITE_ID}/pageviews?unit=year&endAt=${currentTime}&startAt=1709149073000&url=/datasets/${datasetid}`,
+    `https://umami.aireadi.org/api/websites/${process.env.UMAMI_WEBSITE_ID}/pageviews?unit=year&endAt=${currentTime}&startAt=1709149073000&url=/datasets/${datasetid}&timezone=America/Los_Angeles`,
     {
       headers: {
         Authorization: `Bearer ${token}`,