works

Author: Laurie T. Malau

components/dashboard/src/teams/TeamUsage.tsx

@@ -84,26 +84,26 @@ function TeamUsage() {
         return totalCredits;
     };
 
-    const handleCurrentMonthClick = (start: any, end: any) => {
+    const handleMonthClick = (start: any, end: any) => {
         setStartDateOfBillMonth(start);
         setEndDateOfBillMonth(end);
     };
 
     const getBillingHistory = () => {
         let rows = [];
         for (let i = 1; i < 7; i++) {
-            const endDateVar = i + 2;
+            const endDateVar = i - 1;
             const startDate = new Date(today.getFullYear(), today.getMonth() - i);
-            const endDate = new Date(today.getFullYear(), today.getMonth(), endDateVar);
+            const endDate = new Date(today.getFullYear(), today.getMonth() - endDateVar, 0);
             const timeStampOfStartDate = startDate.getTime();
             const timeStampOfEndDate = endDate.getTime();
             rows.push(
                 <div
                     key={`billing${i}`}
-                    className="text-lg text-gray-600 font-semibold truncate cursor-pointer"
-                    onClick={() => handleCurrentMonthClick(timeStampOfStartDate, timeStampOfEndDate)}
+                    className="text-lg text-gray-600 font-semibold truncate cursor-pointer gp-link"
+                    onClick={() => handleMonthClick(timeStampOfStartDate, timeStampOfEndDate)}
                 >
-                    {startDate.toLocaleString("default", { month: "long" })} {startOfCurrentMonth.getFullYear()}
+                    {startDate.toLocaleString("default", { month: "long" })} {startDate.getFullYear()}
                 </div>,
             );
         }
@@ -128,9 +128,7 @@ function TeamUsage() {
                                     <div className="text-base text-gray-500 truncate">Period</div>
                                     <div
                                         className="text-lg text-gray-600 font-semibold truncate cursor-pointer"
-                                        onClick={() =>
-                                            handleCurrentMonthClick(timestampStartOfCurrentMonth, Date.now())
-                                        }
+                                        onClick={() => handleMonthClick(timestampStartOfCurrentMonth, Date.now())}
                                     >
                                         {startOfCurrentMonth.toLocaleString("default", { month: "long" })}{" "}
                                         {startOfCurrentMonth.getFullYear()}