fix:date recap article

components/landing/HeaderNews.tsx

@@ -141,7 +141,7 @@ export default function HeaderNews() {
                         src={
                           newsItem?.thumbnailUrl === ""
                             ? "/no-image.jpg"
-                            : newsItem?.thumbnailUrl
+                            : newsItem?.thumbnailUrl + "?isBanner=true"
                         }
                         className={`!object-cover !rounded-none ${
                           portraitMap[index]

components/main/dashboard/dashboard-container.tsx

@@ -60,7 +60,7 @@ import {
   parseAbsoluteToLocal,
 } from "@internationalized/date";
 import { Input } from "@heroui/input";
-import { EyeIconMdi } from "@/components/icons";
+import { EyeIconMdi, SearchIcons } from "@/components/icons";
 
 type ArticleData = Article & {
   no: number;
@@ -193,7 +193,7 @@ export default function DashboardContainer() {
 
   useEffect(() => {
     fetchPostCount();
-  }, [postContentDate, selectedCategory]);
+  }, [selectedCategory]);
 
   async function fetchPostCount() {
     const getDate = (data: any) => {
@@ -419,6 +419,7 @@ export default function DashboardContainer() {
               </p>
               <DateRangePicker
                 hideTimeZone
+                selectorButtonPlacement="start"
                 value={postContentDate}
                 onChange={(e) => {
                   e && setPostContentDate(e);
@@ -434,6 +435,14 @@ export default function DashboardContainer() {
                 }}
                 size="sm"
                 variant="bordered"
+                endContent={
+                  <a
+                    className="cursor-pointer hover:text-black"
+                    onClick={() => fetchPostCount()}
+                  >
+                    <SearchIcons />
+                  </a>
+                }
               />
             </div>
             <div className="flex flex-row border-b-1 gap-1 py-1 items-center">