img

src/app/personal-center/page.jsx

@@ -2,18 +2,8 @@
 
 import React, { useState, useEffect, useCallback } from "react";
 import { useRouter } from "next/navigation";
-import {
-  ChevronLeft,
-  MessageSquare,
-  ArrowUpCircle,
-  ArrowDownCircle,
-  Gift,
-  Users,
-  Video,
-  Zap,
-} from "lucide-react";
+import { ChevronLeft, ArrowUpCircle, ArrowDownCircle } from "lucide-react";
 
-import Image from "next/image";
 import InfiniteScroll from "react-infinite-scroll-component";
 import Link from "next/link";
 
@@ -228,7 +218,7 @@ const PersonalCenter = () => {
             >
               {activity.icon && (
                 <div className="w-5 h-5 mr-2 flex-shrink-0">
-                  <Image
+                  <img
                     src={activity.icon}
                     alt={activity.title}
                     width={20}
@@ -390,7 +380,9 @@ const PersonalCenter = () => {
             next={loadMorePoints}
             hasMore={hasMorePoints}
             loader={<h4>Loading...</h4>}
-            endMessage={<p className="text-center">没有更多记录了</p>}
+            endMessage={
+              <p className="text-center text-gray-500">没有更多记录了</p>
+            }
             scrollableTarget="pointScroll"
           >
             {points.map((point) => (