mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-27 00:39:01 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

relative time

Browse Source
This commit is contained in:
knugget
2023-02-22 11:15:23 +01:00
parent f1a2a6aadc
commit f6f0d53435
4 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/components/forms/custom/CustomTimeline.tsx
View File

@@ -2,7 +2,7 @@ import EmptyPageFiller from "@/components/EmptyPageFiller";
import LoadingSpinner from "@/components/LoadingSpinner";
import { useForm } from "@/lib/forms";
import { MergeWithSchema, persistSubmission, useSubmissions } from "@/lib/submissions";
import { convertDateTimeString, parseUserAgent } from "@/lib/utils";
import { convertDateTimeString, parseUserAgent, timeSince } from "@/lib/utils";
import { Button, CheckMarkIcon, ClockIcon } from "@formbricks/ui";
import { InboxIcon } from "@heroicons/react/24/outline";
import clsx from "clsx";
@@ -104,7 +104,13 @@ export default function PMFTimeline({ submissions }) {
<div className="text-sm text-gray-400">
<time dateTime={convertDateTimeString(submission.createdAt)}>
{convertDateTimeString(submission.createdAt)}
{
//check if date is older than 14 days, if so show convertDateTimeString if not use timeSince
new Date().getTime() - new Date(submission.createdAt).getTime() >
14 * 24 * 60 * 60 * 1000
? convertDateTimeString(submission.createdAt)
: timeSince(submission.createdAt)
}
</time>
</div>
</div>

10
apps/web/src/components/forms/feedback/FeedbackTimeline.tsx
View File

@@ -1,6 +1,6 @@
import EmptyPageFiller from "@/components/EmptyPageFiller";
import { persistSubmission, useSubmissions } from "@/lib/submissions";
import { convertDateTimeString, parseUserAgent } from "@/lib/utils";
import { convertDateTimeString, parseUserAgent, timeSince } from "@/lib/utils";
import { BugIcon, Button, ComplimentIcon, IdeaIcon } from "@formbricks/ui";
import { InboxIcon } from "@heroicons/react/24/outline";
import clsx from "clsx";
@@ -90,7 +90,13 @@ export default function FeedbackTimeline({ submissions }) {
<div className="text-sm text-slate-400">
<time dateTime={convertDateTimeString(submission.createdAt)}>
{convertDateTimeString(submission.createdAt)}
{
//check if date is older than 14 days, if so show convertDateTimeString if not use timeSince
new Date().getTime() - new Date(submission.createdAt).getTime() >
7 * 24 * 60 * 60 * 1000
? convertDateTimeString(submission.createdAt)
: timeSince(submission.createdAt)
}
</time>
</div>
</div>

10
apps/web/src/components/forms/pmf/PMFTimeline.tsx
View File

@@ -2,7 +2,7 @@ import EmptyPageFiller from "@/components/EmptyPageFiller";
import LoadingSpinner from "@/components/LoadingSpinner";
import { useForm } from "@/lib/forms";
import { MergeWithSchema, persistSubmission, useSubmissions } from "@/lib/submissions";
import { convertDateTimeString, parseUserAgent } from "@/lib/utils";
import { convertDateTimeString, parseUserAgent, timeSince } from "@/lib/utils";
import { Button, NotDisappointedIcon, SomewhatDisappointedIcon, VeryDisappointedIcon } from "@formbricks/ui";
import { InboxIcon } from "@heroicons/react/24/outline";
import clsx from "clsx";
@@ -106,7 +106,13 @@ export default function PMFTimeline({ submissions }) {
<div className="text-sm text-slate-400">
<time dateTime={convertDateTimeString(submission.createdAt)}>
{convertDateTimeString(submission.createdAt)}
{
//check if date is older than 14 days, if so show convertDateTimeString if not use timeSince
new Date().getTime() - new Date(submission.createdAt).getTime() >
14 * 24 * 60 * 60 * 1000
? convertDateTimeString(submission.createdAt)
: timeSince(submission.createdAt)
}
</time>
</div>
</div>

2
apps/web/src/lib/utils.ts
View File

@@ -1,6 +1,6 @@
import crypto from "crypto";
import intlFormat from "date-fns/intlFormat";
import { formatDistance } from "date-fns";
import { formatDistance, formatDistanceStrict, formatDistanceToNow } from "date-fns";
import platform from "platform";
import { demoEndpoints } from "./demo";