refactor(Counter): recreate component

[IvanGodinez21]

Description

Describe the changes made by this pull request.

Refactor the counter component.
Note: This component may be renamed in the future; for now, we'll keep this name.

Related issues

List related issues (if any) and/or @mentions of the person or team responsible for reviewing proposed changes (left blank if not applicable).
List by using - [ ] and the issue number, e.g. - [ ] #1 or - [x] #1 if the issue is closed/solved.

Testing

Help me how can I test or look at the changes (left blank if not applicable).

Screenshots

Include screenshots of the results or screenshots that help to see changes (left blank if not applicable).

Notes

Some additional notes if necessary (left blank if not applicable).

[Copilot]

Pull Request Overview

This PR refactors the counter component by replacing JavaScript's native Date with the Temporal API from @js-temporal/polyfill. The changes include a new timeAgo utility function, migration of the incident date type to Temporal.Instant, and a complete redesign of the Counter component with a digital display aesthetic.

Key Changes:

• Migrated from Date to Temporal.Instant for incident timestamps
• Created a timeAgo utility function for relative time formatting
• Redesigned Counter component with digital display and real-time updates

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
src/utils/timeAgo.ts	New utility for formatting relative time using Temporal API and Intl formatters
src/types/incident.ts	Changed incident date type from Date to Temporal.Instant
src/lib/mockData.ts	Updated mock data to use Temporal.Instant instead of Date
src/components/IncidentCard.tsx	Updated date formatting to work with Temporal.Instant
src/components/Counter.tsx	Complete refactor with new digital display UI and real-time updates
src/app/page.tsx	Removed standalone Counter, now renders Counter for each incident
package.json	Added @js-temporal/polyfill dependency

Comments suppressed due to low confidence (1)

src/components/Counter.tsx:1

• Using string slicing on toString() to extract date components is fragile. Use the Temporal API's built-in methods instead: lastIncidentDate.toZonedDateTimeISO(timeZone).toPlainDate() to properly convert Instant to PlainDate.

import React, { useEffect, useState } from 'react';

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 7 out of 8 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
zeroday	Ready	Preview	Comment	Nov 9, 2025 6:14pm

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 7 changed files in this pull request and generated 5 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 7 out of 8 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated 5 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated 5 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated 5 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated 4 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[IvanGodinez21]

@QuackDuster and @imchriistian, I request the approval, and please help me to resolve the @copilot comments. You can commit and/or amend commit, I will squash everything anyway

[Copilot]

@IvanGodinez21 I've opened a new pull request, #4, to work on those changes. Once the pull request is ready, I'll request review from you.

[Copilot]

Pull request overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.