Remove snake_case.

components/forms/EventDataForm.js

@@ -109,8 +109,8 @@ export default function EventDataForm({ websiteId, onClose, className }) {
   const handleSubmit = async () => {
     const params = {
       website_id: websiteId,
-      start_at: +startDate,
-      end_at: +endDate,
+      startAt: +startDate,
+      endAt: +endDate,
       timezone,
       columns,
       filters,

components/forms/UserPasswordForm.js

@@ -21,7 +21,7 @@ export default function UserPasswordForm({ onSave, userId }) {
     const payload = isCurrentUser
       ? data
       : {
-          password: data.new_password,
+          password: data.newPassword,
         };
 
     mutate(payload, {
@@ -33,7 +33,7 @@ export default function UserPasswordForm({ onSave, userId }) {
   };
 
   const samePassword = value => {
-    if (value !== ref?.current?.getValues('new_password')) {
+    if (value !== ref?.current?.getValues('newPassword')) {
       return "Passwords don't match";
     }
     return true;
@@ -42,16 +42,12 @@ export default function UserPasswordForm({ onSave, userId }) {
   return (
     <Form ref={ref} className={styles.form} onSubmit={handleSubmit} error={error}>
       {isCurrentUser && (
-        <FormInput
-          name="current_password"
-          label="Current password"
-          rules={{ required: 'Required' }}
-        >
+        <FormInput name="currentPassword" label="Current password" rules={{ required: 'Required' }}>
           <PasswordField autoComplete="off" />
         </FormInput>
       )}
       <FormInput
-        name="new_password"
+        name="newPassword"
         label="New password"
         rules={{
           required: 'Required',
@@ -61,7 +57,7 @@ export default function UserPasswordForm({ onSave, userId }) {
         <PasswordField autoComplete="off" />
       </FormInput>
       <FormInput
-        name="confirm_password"
+        name="confirmPassword"
         label="Confirm password"
         rules={{
           required: 'Required',

components/metrics/EventsChart.js

@@ -19,12 +19,12 @@ export default function EventsChart({ websiteId, className, token }) {
     `/websites/${websiteId}/events`,
     {
       params: {
-        start_at: +startDate,
-        end_at: +endDate,
+        startAt: +startDate,
+        endAt: +endDate,
         unit,
         tz: timezone,
         url,
-        event_name: eventName,
+        eventName,
         token,
       },
     },

components/metrics/MetricsBar.js

@@ -22,8 +22,8 @@ export default function MetricsBar({ websiteId, className }) {
     `/websites/${websiteId}/stats`,
     {
       params: {
-        start_at: +startDate,
-        end_at: +endDate,
+        startAt: +startDate,
+        endAt: +endDate,
         url,
         referrer,
         os,

components/metrics/MetricsTable.js

@@ -42,8 +42,8 @@ export default function MetricsTable({
     {
       params: {
         type,
-        start_at: +startDate,
-        end_at: +endDate,
+        startAt: +startDate,
+        endAt: +endDate,
         url,
         referrer,
         os,

components/metrics/WebsiteChart.js

@@ -37,8 +37,8 @@ export default function WebsiteChart({
     `/websites/${websiteId}/pageviews`,
     {
       params: {
-        start_at: +startDate,
-        end_at: +endDate,
+        startAt: +startDate,
+        endAt: +endDate,
         unit,
         tz: timezone,
         url,

components/pages/RealtimeDashboard.js

@@ -35,7 +35,7 @@ export default function RealtimeDashboard() {
   const [websiteId, setWebsiteId] = useState(null);
   const { data: init, loading } = useFetch('/realtime/init');
   const { data: updates } = useFetch('/realtime/update', {
-    params: { start_at: data?.timestamp },
+    params: { startAt: data?.timestamp },
     disabled: !init?.websites?.length || !data,
     interval: REALTIME_INTERVAL,
     headers: { [SHARE_TOKEN_HEADER]: init?.token },