Ana Sofia Marin AlexandreandGitHub
8cadcdf577
**Before:** Only last 5 days where displayed on Developers Settings Webhook Usage Graph.  **Now** Added component where you can select the time range where you want to view the webhook usage. To do better the styling and content depassing . <img width="652" alt="Screenshot 2024-10-15 at 16 56 45" src="https://github.com/user-attachments/assets/d06e7f4c-a689-49a0-8839-f015ce36bab9"> **In order to test** 1. Set ANALYTICS_ENABLED to true 2. Set TINYBIRD_TOKEN to your token from the workspace twenty_analytics_playground 3. Write your client tinybird token in SettingsDeveloppersWebhookDetail.tsx in line 93 4. Create a Webhook in twenty and set wich events it needs to track 5. Run twenty-worker in order to make the webhooks work. 6. Do your tasks in order to populate the data 7. Enter to settings> webhook>your webhook and the statistics section should be displayed. 8. Select the desired time range in the dropdown **To do list** - Tooltip is truncated when accessing values at the right end of the graph - DateTicks needs to follow a more clear standard - Update this PR with more representative images
19 lines
589 B
TypeScript
19 lines
589 B
TypeScript
import { DATE_FORMAT_WITHOUT_YEAR } from '@/localization/constants/DateFormatWithoutYear';
|
|
import { TimeFormat } from '@/localization/constants/TimeFormat';
|
|
import { detectDateFormat } from '@/localization/utils/detectDateFormat';
|
|
import { formatInTimeZone } from 'date-fns-tz';
|
|
|
|
export const formatDateISOStringToDateTimeSimplified = (
|
|
date: Date,
|
|
timeZone: string,
|
|
timeFormat: TimeFormat,
|
|
) => {
|
|
const simplifiedDateFormat = DATE_FORMAT_WITHOUT_YEAR[detectDateFormat()];
|
|
|
|
return formatInTimeZone(
|
|
date,
|
|
timeZone,
|
|
`${simplifiedDateFormat} · ${timeFormat}`,
|
|
);
|
|
};
|