fix: update date handling in user usage components

Author: kastov

src/widgets/dashboard/nodes/node-users-usage-drawer/node-users-usage-drawer.widget.tsx

@@ -87,15 +87,15 @@ export const NodeUsersUsageDrawer = (props: IProps) => {
             setViewType('stacked')
             setPeriod('7')
             setDateRange([
-                dayjs().utc().subtract(7, 'day').startOf('hour').toDate(),
-                dayjs().utc().startOf('hour').toDate()
+                dayjs().utc().subtract(7, 'day').startOf('day').toDate(),
+                dayjs().utc().endOf('day').toDate()
             ])
         }
     }, [opened])
 
     useEffect(() => {
-        const end = dayjs().utc().startOf('hour').toDate()
-        const start = dayjs().utc().subtract(Number(period), 'day').startOf('hour').toDate()
+        const end = dayjs().utc().endOf('day').toDate()
+        const start = dayjs().utc().subtract(Number(period), 'day').startOf('day').toDate()
         setDateRange([start, end])
     }, [period])
 

src/widgets/dashboard/users/user-usage-modal/user-usage-modal.widget.tsx

@@ -45,8 +45,8 @@ export const UserUsageModalWidget = (props: IProps) => {
 
     const [period, setPeriod] = useState<'7' | '14' | '30' | '60' | '90' | '180' | '365'>('7')
     const [dateRange, setDateRange] = useState<[Date, Date]>([
-        dayjs().utc().subtract(7, 'day').startOf('hour').toDate(),
-        dayjs().utc().startOf('hour').toDate()
+        dayjs().utc().subtract(7, 'day').startOf('day').toDate(),
+        dayjs().utc().endOf('day').toDate()
     ])
     const [selectedNodes, setSelectedNodes] = useState<string[]>([])
     const [viewType, setViewType] = useState<'grouped' | 'stacked'>('stacked')
@@ -68,15 +68,15 @@ export const UserUsageModalWidget = (props: IProps) => {
             setViewType('stacked')
             setPeriod('7')
             setDateRange([
-                dayjs().utc().subtract(7, 'day').startOf('hour').toDate(),
-                dayjs().utc().startOf('hour').toDate()
+                dayjs().utc().subtract(7, 'day').startOf('day').toDate(),
+                dayjs().utc().endOf('day').toDate()
             ])
         }
     }, [opened])
 
     useEffect(() => {
-        const end = dayjs().utc().startOf('hour').toDate()
-        const start = dayjs().utc().subtract(Number(period), 'day').startOf('hour').toDate()
+        const end = dayjs().utc().endOf('day').toDate()
+        const start = dayjs().utc().subtract(Number(period), 'day').startOf('day').toDate()
         setDateRange([start, end])
     }, [period])