From 64dab99de1d17494334aca5040c618deeb631af9 Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Fri, 23 Aug 2024 22:10:01 -0400
Subject: [PATCH 1/4] remove gap

---
 src/app/(main)/dashboard/components/Calendar/Calendar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(main)/dashboard/components/Calendar/Calendar.tsx b/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
index a6cbfaef..1ce4548e 100644
--- a/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
+++ b/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
@@ -50,7 +50,7 @@ export default function Calendar({
       {/* CALENDAR */}
       <div className="flex h-full min-w-[400px] max-w-[400px] flex-col items-center border-base-100 p-6 min-[1200px]:min-w-[600px] min-[1200px]:border-r-2 min-[1200px]:px-28 min-[1470px]:min-w-[400px] min-[1470px]:px-6">
         <div className="flex w-full items-center">
-          <div className="flex w-full items-center justify-between gap-10 min-[1200px]:relative">
+          <div className="flex w-full items-center justify-between min-[1200px]:relative">
             {/* CALENDAR CONTROLS */}
             <button
               type="button"

From b07f68fd6fba95f04fd22673876c13c5c1cf6346 Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Fri, 23 Aug 2024 22:45:43 -0400
Subject: [PATCH 2/4] add no wrap

---
 src/app/(main)/dashboard/components/Calendar/Calendar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(main)/dashboard/components/Calendar/Calendar.tsx b/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
index 1ce4548e..de2c5b63 100644
--- a/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
+++ b/src/app/(main)/dashboard/components/Calendar/Calendar.tsx
@@ -50,7 +50,7 @@ export default function Calendar({
       {/* CALENDAR */}
       <div className="flex h-full min-w-[400px] max-w-[400px] flex-col items-center border-base-100 p-6 min-[1200px]:min-w-[600px] min-[1200px]:border-r-2 min-[1200px]:px-28 min-[1470px]:min-w-[400px] min-[1470px]:px-6">
         <div className="flex w-full items-center">
-          <div className="flex w-full items-center justify-between min-[1200px]:relative">
+          <div className="flex w-full items-center justify-between whitespace-nowrap min-[1200px]:relative">
             {/* CALENDAR CONTROLS */}
             <button
               type="button"

From cda461fde23a69a6bbd9afbcbb8ef43e8b9fe2bd Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Sat, 24 Aug 2024 00:14:47 -0400
Subject: [PATCH 3/4] add test

---
 .../components/Calendar/Calendar.test.tsx     | 26 +++++++++++++++++++
 src/store/store.ts                            |  3 ++-
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx

diff --git a/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx b/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx
new file mode 100644
index 00000000..91c49be6
--- /dev/null
+++ b/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx
@@ -0,0 +1,26 @@
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { configureStore } from "@reduxjs/toolkit";
+import { format } from "date-fns";
+import Calendar from "./Calendar";
+import { rootReducer } from "@/store/store";
+
+describe("Calendar Component", () => {
+  it("displays the month and year on a single line", () => {
+    const store = configureStore({
+      reducer: rootReducer,
+    });
+
+    const { getByText } = render(
+      <Provider store={store}>
+        <Calendar />
+      </Provider>,
+    );
+
+    const currentDate = new Date();
+    const formattedDate = format(currentDate, "MMMM y");
+    const monthYearElement = getByText(formattedDate);
+
+    expect(monthYearElement.closest("div")).toHaveClass("whitespace-nowrap");
+  });
+});
diff --git a/src/store/store.ts b/src/store/store.ts
index 85aefece..e3cdd6ee 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -34,7 +34,8 @@ const persistConfig = {
   whitelist: ["ideation", "sprint"],
 };
 
-const rootReducer = combineReducers({
+// Root reducer should be used as import directly only for tests
+export const rootReducer = combineReducers({
   modal: modalReducer,
   auth: authReducer,
   user: userReducer,

From 651f994d2b36223a62019df5651f3223e3e5a64a Mon Sep 17 00:00:00 2001
From: Dan Ko <danko56666@gmail.com>
Date: Sat, 24 Aug 2024 03:23:29 -0400
Subject: [PATCH 4/4] add comment to test

---
 src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx b/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx
index 91c49be6..f920887a 100644
--- a/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx
+++ b/src/app/(main)/dashboard/components/Calendar/Calendar.test.tsx
@@ -6,6 +6,7 @@ import Calendar from "./Calendar";
 import { rootReducer } from "@/store/store";
 
 describe("Calendar Component", () => {
+  // not the best test. maybe refactor to e2e test later
   it("displays the month and year on a single line", () => {
     const store = configureStore({
       reducer: rootReducer,