修改空间空状态

components/InfiniteScrollContent/index.jsx

@@ -1,11 +1,15 @@
+"use client";
+
 import React from "react";
 import { DotLoading } from "antd-mobile";
 import Empty from "@/components/Empty";
+import { useRouter } from "next/navigation";
 export default function InfiniteScrollContent({
-  hasMore=0,
+  hasMore = 0,
   isEmpty,
   showNoMore = true,
 }) {
+  const router = useRouter();
   return (
     <>
       {hasMore ? (
@@ -21,6 +25,20 @@ export default function InfiniteScrollContent({
           // style={{ height: `${scrollHeight}px` }}
         >
           <Empty type="nodata" />
+          <div className="text-white">
+            <p
+              onClick={() => router.push("/search")}
+              className="text-base font-medium flex items-center justify-center bg-[#FFFFFF1A] mt-2 rounded-full w-[190px] h-[46px]"
+            >
+              搜索空间
+            </p>
+            <p
+              onClick={() => router.push("/found")}
+              className="text-base font-medium flex items-center justify-center bg-[#FFFFFF1A] mt-2 rounded-full w-[190px] h-[46px]"
+            >
+              查看推荐
+            </p>
+          </div>
         </div>
       )}
     </>