Use relative time for audit log details.

[AshrafMd-1]

WHAT

🤖 Generated by Copilot at f7dfbc3

Refactored UI code for shift record dates using RecordMeta component in ShiftDetails.tsx. This improved the code quality and user experience.

Proposed Changes

• Fixes Use relative time / RecordMeta component for audit log details in shift details #6638
• Convert absolute time to relative time by using RecordMeta component.

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

HOW

🤖 Generated by Copilot at f7dfbc3

• Refactor the created and modified date display to use a custom RecordMeta component (link, link, link)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 3, 2023 9:18am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	1973b0e
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/656c47ce328f490008fc75a7
😎 Deploy Preview	https://deploy-preview-6640--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rithviknishad]

The created and last edited by object can also be specified to RecordMeta itself

[nihal467]

@AshrafMd-1

• dont use two different row, make use of only one row similar to the existing UI

[nihal467]

@AshrafMd-1 once you complete the UI, we discussed on the EOD call, mark it for testing

[AshrafMd-1]

@rithviknishad can u check once

[nihal467]

LGTM