Ana Sofia Marin Alexandre
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
15 lines
384 B
TypeScript
15 lines
384 B
TypeScript
import { TimeFormat } from '@/localization/constants/TimeFormat';
|
|
import { isDefined } from '~/utils/isDefined';
|
|
|
|
export const detectTimeFormat = (): keyof typeof TimeFormat => {
|
|
const isHour12 = Intl.DateTimeFormat(navigator.language, {
|
|
hour: 'numeric',
|
|
}).resolvedOptions().hour12;
|
|
|
|
if (isDefined(isHour12) && isHour12) {
|
|
return 'HOUR_12';
|
|
}
|
|
|
|
return 'HOUR_24';
|
|
};
|