refactor(date): rename Date component DateTime

rbardini · Sep 9, 2024 · 425ac81 · 425ac81
1 parent 8b395a9
commit 425ac81
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/components/awards.js b/components/awards.js
@@ -1,6 +1,6 @@
 import { html } from '@rbardini/html'
 import markdown from '../utils/markdown.js'
-import Date from './date.js'
+import DateTime from './date-time.js'
 
 /**
  * @param {import('../schema.d.ts').ResumeSchema['awards']} awards
@@ -19,7 +19,7 @@ export default function Awards(awards = []) {
                 <header>
                   <h4>${title}</h4>
                   <div class="meta">
-                    ${awarder && html`<div>Awarded by <strong>${awarder}</strong></div>`} ${date && Date(date)}
+                    ${awarder && html`<div>Awarded by <strong>${awarder}</strong></div>`} ${date && DateTime(date)}
                   </div>
                 </header>
                 ${summary && markdown(summary)}

diff --git a/components/certificates.js b/components/certificates.js
@@ -1,5 +1,5 @@
 import { html } from '@rbardini/html'
-import Date from './date.js'
+import DateTime from './date-time.js'
 import Link from './link.js'
 
 /**
@@ -19,7 +19,7 @@ export default function Certificates(certificates = []) {
                 <header>
                   <h4>${Link(url, name)}</h4>
                   <div class="meta">
-                    ${issuer && html`<div>Issued by <strong>${issuer}</strong></div>`} ${date && Date(date)}
+                    ${issuer && html`<div>Issued by <strong>${issuer}</strong></div>`} ${date && DateTime(date)}
                   </div>
                 </header>
               </article>

diff --git a/components/date.js → components/date-time.js b/components/date.js → components/date-time.js
@@ -15,6 +15,6 @@ const formatDate = dateString =>
  * @param {string} date
  * @returns {string}
  */
-export default function Duration(date) {
+export default function DateTime(date) {
   return html`<time datetime="${date}">${formatDate(date)}</time>`
 }
diff --git a/components/duration.js b/components/duration.js
@@ -1,12 +1,12 @@
 import { html } from '@rbardini/html'
-import Date from './date.js'
+import DateTime from './date-time.js'
 
 /**
  * @param {string} startDate
  * @param {string} [endDate]
  * @returns {string}
  */
 export default function Duration(startDate, endDate) {
-  if (endDate === startDate) return Date(endDate)
-  return html`<time-duration>${Date(startDate)} – ${endDate ? Date(endDate) : 'Present'}</time-duration>`
+  if (endDate === startDate) return DateTime(endDate)
+  return html`<time-duration>${DateTime(startDate)} – ${endDate ? DateTime(endDate) : 'Present'}</time-duration>`
 }
diff --git a/components/publications.js b/components/publications.js
@@ -1,6 +1,6 @@
 import { html } from '@rbardini/html'
 import markdown from '../utils/markdown.js'
-import Date from './date.js'
+import DateTime from './date-time.js'
 import Link from './link.js'
 
 /**
@@ -21,7 +21,7 @@ export default function Publications(publications = []) {
                   <h4>${Link(url, name)}</h4>
                   <div class="meta">
                     ${publisher && html`<div>Published by <strong>${publisher}</strong></div>`}
-                    ${releaseDate && Date(releaseDate)}
+                    ${releaseDate && DateTime(releaseDate)}
                   </div>
                 </header>
                 ${summary && markdown(summary)}