refactor: remove UTC conversions

Author: hobbescodes

src/app/page.tsx

@@ -1,6 +1,5 @@
 import { HydrationBoundary, dehydrate } from "@tanstack/react-query";
 import dayjs from "dayjs";
-import utc from "dayjs/plugin/utc";
 
 import { auth } from "auth";
 import { DashboardPage } from "components/dashboard";
@@ -22,8 +21,6 @@ import { getQueryClient } from "lib/util";
 
 import type { OrganizationsQueryVariables } from "generated/graphql";
 
-dayjs.extend(utc);
-
 export const dynamic = "force-dynamic";
 
 /**
@@ -49,7 +46,7 @@ const HomePage = async () => {
     isMember: true,
   };
 
-  const oneWeekAgo = dayjs().utc().subtract(6, "days").startOf("day").toDate();
+  const oneWeekAgo = dayjs().subtract(6, "days").startOf("day").toDate();
 
   await Promise.all([
     queryClient.prefetchQuery({

src/components/dashboard/FeedbackOverview/FeedbackOverview.tsx

@@ -47,7 +47,7 @@ const FeedbackOverview = ({ oneWeekAgo }: Props) => {
       enabled: !!user?.rowId,
       select: (data) =>
         data?.posts?.groupedAggregates?.map((aggregate) => ({
-          name: dayjs(aggregate.keys?.[0]).utc().format("ddd"),
+          name: dayjs(aggregate.keys?.[0]).format("ddd"),
           total: Number(aggregate.distinctCount?.rowId),
         })),
     },
@@ -57,7 +57,7 @@ const FeedbackOverview = ({ oneWeekAgo }: Props) => {
     weeklyFeedback?.find((item) => item.name === date)?.total ?? 0;
 
   const DATA = Array.from({ length: 7 }).map((_, index) => {
-    const date = getFormattedDate(index + 1);
+    const date = getFormattedDate(index);
 
     return {
       name: date,

src/components/dashboard/Response/Response.tsx

@@ -22,7 +22,7 @@ interface Props extends FlexProps {
  * Recent feedback response.
  */
 const Response = ({ feedback, ...rest }: Props) => {
-  const date = dayjs(feedback?.createdAt).utc().fromNow();
+  const date = dayjs(feedback?.createdAt).fromNow();
 
   return (
     <Stack gap={4} w="100%" {...rest}>

src/components/layout/Layout/Layout.tsx

@@ -4,7 +4,6 @@ import { Center, Flex, Toaster, css, sigil } from "@omnidev/sigil";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 import relativeTime from "dayjs/plugin/relativeTime";
-import utc from "dayjs/plugin/utc";
 import { useIsClient } from "usehooks-ts";
 
 import { Footer, Header } from "components/layout";
@@ -15,7 +14,6 @@ import type { PropsWithChildren } from "react";
 
 dayjs.extend(duration);
 dayjs.extend(relativeTime);
-dayjs.extend(utc);
 
 /**
  * Core application layout.