feat: add localeString to view count

theodorusclarence · May 11, 2022 · dde26fa · dde26fa · vercel · May 11, 2022
1 parent 3f87ffb
commit dde26fa
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/src/components/content/blog/BlogCard.tsx b/src/components/content/blog/BlogCard.tsx
@@ -74,7 +74,7 @@ export default function BlogCard({
             </div>
             <div className='flex items-center gap-1'>
               <HiOutlineEye className='inline-block text-base' />
-              <Accent>{post?.views ?? '–––'} views</Accent>
+              <Accent>{post?.views?.toLocaleString() ?? '–––'} views</Accent>
             </div>
           </div>
           <p className='mt-4 mb-2 text-sm text-gray-600 dark:text-gray-300'>

diff --git a/src/pages/blog/[slug].tsx b/src/pages/blog/[slug].tsx
@@ -149,7 +149,7 @@ export default function SingleBlogPage({
                   <Tooltip
                     content={
                       <>
-                        {meta.devtoViews} views on{' '}
+                        {meta.devtoViews.toLocaleString()} views on{' '}
                         <CustomLink href='https://dev.to/theodorusclarence'>
                           dev.to
                         </CustomLink>
@@ -159,13 +159,17 @@ export default function SingleBlogPage({
                   >
                     <div className='flex items-center gap-1'>
                       <HiOutlineEye className='inline-block text-base' />
-                      <Accent>{meta?.views ?? '–––'} views</Accent>
+                      <Accent>
+                        {meta?.views?.toLocaleString() ?? '–––'} views
+                      </Accent>
                     </div>
                   </Tooltip>
                 ) : (
                   <div className='flex items-center gap-1'>
                     <HiOutlineEye className='inline-block text-base' />
-                    <Accent>{meta?.views ?? '–––'} views</Accent>
+                    <Accent>
+                      {meta?.views?.toLocaleString() ?? '–––'} views
+                    </Accent>
                   </div>
                 )}
               </div>

diff --git a/src/pages/library/[slug].tsx b/src/pages/library/[slug].tsx
@@ -69,7 +69,9 @@ export default function SingleLibraryPage({ code, frontmatter }: LibraryType) {
               <div className='mt-2 flex items-center justify-start gap-3 text-sm font-medium text-gray-600 dark:text-gray-300'>
                 <div className='flex items-center gap-1'>
                   <HiOutlineEye className='inline-block text-base' />
-                  <Accent>{meta?.views ?? '–––'} views</Accent>
+                  <Accent>
+                    {meta?.views?.toLocaleString() ?? '–––'} views
+                  </Accent>
                 </div>
                 <span>•</span>
                 <TechIcons

diff --git a/src/pages/projects/[slug].tsx b/src/pages/projects/[slug].tsx
@@ -79,7 +79,7 @@ export default function SingleProjectPage({ code, frontmatter }: ProjectType) {
             <div className='mt-2 flex flex-wrap items-center justify-start gap-3 text-sm font-medium text-gray-600 dark:text-gray-300'>
               <div className='flex items-center gap-1'>
                 <HiOutlineEye className='inline-block text-base' />
-                {meta?.views ?? '–––'} views
+                {meta?.views?.toLocaleString() ?? '–––'} views
               </div>
               {(frontmatter.github ||
                 frontmatter.youtube ||