chore: add log events for timezone interactions in date/time picker and timezone adaptation

[ahmadshaheer]

Summary

• Clicking on the Current Timezone inside date/time picker popover
• Clicking on the timezone badge in date/time picker input
• Clicking on a timezone inside the timezone picker
• Clicking on Clear override in timezone adaptation settings

Related Issues / PR's

#6644

Screenshots

NA

Affected Areas and Manually Tested Areas

---

Important

Add logging for timezone interactions in date/time picker and adaptation settings.

• Logging:
  • Add logEvent for opening timezone picker from time range input badge in CustomTimePicker.tsx.
  • Add logEvent for opening timezone picker from time range picker footer in CustomTimePickerPopoverContent.tsx.
  • Add logEvent for selecting a new timezone in TimezonePicker.tsx.
  • Add logEvent for clearing timezone override and toggling adaptation in TimezoneAdaptation.tsx.

^{This description was created by for 33e12ad. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 33e12ad in 1 minute and 26 seconds

More details

• Looked at 140 lines of code in 4 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/components/CustomTimePicker/CustomTimePicker.tsx:305

• Draft comment:
  Consider defining log messages as constants or using a logging utility to avoid hardcoded strings and potential inconsistencies. This applies to other logEvent calls as well.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The logEvent function is used consistently across the files to log specific user interactions. However, the log messages are hardcoded strings, which could lead to inconsistencies or typos. It would be better to define these log messages as constants or use a logging utility to manage them.

2. frontend/src/container/MySettings/TimezoneAdaptation/TimezoneAdaptation.tsx:52

• Draft comment:
  Avoid using inline styles in React components. Consider using CSS classes or styled components instead.
• Reason this comment was not posted:
  Comment was on unchanged code.

Workflow ID: wflow_cdqfpjQhRRKAjgPo

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.