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
7 lines
300 B
TypeScript
7 lines
300 B
TypeScript
export const WEBHOOK_GRAPH_API_OPTIONS_MAP = {
|
|
'7D': { windowInHours: '168', tickIntervalInMinutes: '420' },
|
|
'1D': { windowInHours: '24', tickIntervalInMinutes: '60' },
|
|
'12H': { windowInHours: '12', tickIntervalInMinutes: '30' },
|
|
'4H': { windowInHours: '4', tickIntervalInMinutes: '10' },
|
|
};
|