calendar fixed

src/components/aside/Calendar.tsx

@@ -13,29 +13,25 @@ const Calendar = () => {
 
   const valueMemo = useMemo(() => ({ value, onChange }), [value, onChange]);
 
-  const constructDateParam = useCallback(() => {
+  const constructDateParam = (date: Date) => {
-    return `${value.getFullYear()}-${
+    return `${date.getFullYear()}-${
-      value.getDate().toString().length < 2
+      (date.getMonth() + 1).toString().length < 2
-        ? "0" + value.getDate()
+        ? "0" + (date.getMonth() + 1)
-        : value.getDate()
+        : date.getMonth() + 1
     }-${
-      (value.getMonth() + 1).toString().length < 2
+      date.getDate().toString().length < 2
-        ? "0" + (value.getMonth() + 1)
+        ? "0" + date.getDate()
-        : value.getMonth() + 1
+        : date.getDate()
     }`;
-  }, [valueMemo.value]);
+  };
-
-  const api = new Api(url + `/posts`, [
-    { name: "date", value: constructDateParam() },
-  ]);
 
   return (
     <div className="calendar">
       <ReactCalendar
         value={valueMemo.value}
         onChange={valueMemo.onChange}
-        onClickDay={() =>
+        onClickDay={(date) =>
-          navigate(`/all?type=date&date=${constructDateParam()}`)
+          navigate(`/all?type=date&date=${constructDateParam(date)}`)
         }
       />
     </div>

src/pages/AllPosts.tsx

@@ -79,7 +79,6 @@ const AllPosts = () => {
     api.get(data, setData);
   }, [params]);
 
-  console.log(pageMemo.activePage);
   useEffect(() => {
     if (language !== lastLanguage) {
       api.get(data, setData);
@@ -106,11 +105,21 @@ const AllPosts = () => {
             />
           ) : null}
           {data ? (
-            <CustomNewsScroll
+            data.data.length > 0 ? (
-              data={data}
+              <CustomNewsScroll
-              pagination={true}
+                data={data}
-              pageMemo={pageMemo}
+                pagination={true}
-            />
+                pageMemo={pageMemo}
+              />
+            ) : (
+              <span className="empty">
+                {language === "EN"
+                  ? "No news for the selected date"
+                  : language === "RU"
+                  ? "Нет новостей для выбранной даты"
+                  : "Saýlanan sene üçin habar ýok"}
+              </span>
+            )
           ) : (
             <Loader />
           )}