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
18 lines
582 B
TypeScript
18 lines
582 B
TypeScript
import { DateFormat } from '@/localization/constants/DateFormat';
|
|
|
|
export const detectDateFormat = (): keyof typeof DateFormat => {
|
|
const date = new Date();
|
|
const formatter = new Intl.DateTimeFormat(navigator.language);
|
|
const parts = formatter.formatToParts(date);
|
|
|
|
const partOrder = parts
|
|
.filter((part) => ['year', 'month', 'day'].includes(part.type))
|
|
.map((part) => part.type);
|
|
|
|
if (partOrder[0] === 'month') return 'MONTH_FIRST';
|
|
if (partOrder[0] === 'day') return 'DAY_FIRST';
|
|
if (partOrder[0] === 'year') return 'YEAR_FIRST';
|
|
|
|
return 'MONTH_FIRST';
|
|
};
|