refactor: update button handlers in ArticleEditor and improve user profile photo handling in LatestUsers

Author: kingRayhan

src/components/Editor/ArticleEditor.tsx

@@ -273,7 +273,7 @@ const ArticleEditor: React.FC<ArticleEditorProps> = ({ article, uuid }) => {
             >
               {article?.is_published ? _t("Unpublish") : _t("Publish")}
             </button>
-            <button onClick={toggleSettingDrawer}>
+            <button onClick={toggleSettingDrawer.open}>
               <GearIcon className="w-5 h-5" />
             </button>
           </div>
@@ -326,7 +326,7 @@ const ArticleEditor: React.FC<ArticleEditorProps> = ({ article, uuid }) => {
         <ArticleEditorDrawer
           article={article}
           open={isOpenSettingDrawer}
-          onClose={toggleSettingDrawer}
+          onClose={toggleSettingDrawer.close}
           onSave={() => {
             // silence is good
           }}

src/components/widgets/LatestUsers.tsx

@@ -3,6 +3,7 @@ import Link from "next/link";
 import * as userActions from "@/backend/services/user.action";
 import { User } from "@/backend/models/domain-models";
 import Image from "next/image";
+import getFileUrl from "@/utils/getFileUrl";
 
 const LatestUsers = async () => {
   const usersResponse = await userActions.getUsers();
@@ -29,18 +30,20 @@ export default LatestUsers;
 
 const UserItem = ({ user }: { user: User }) => (
   <div className="flex items-center">
-    <Link href={`/@${user.username}`}>
-      <div className="size-10 overflow-hidden rounded-full">
-        <Image
-          src={user?.profile_photo_url!}
-          alt={user?.name!}
-          loading="lazy"
-          className="h-auto w-full"
-          width={40}
-          height={40}
-        />
-      </div>
-    </Link>
+    {user?.profile_photo && (
+      <Link href={`/@${user.username}`}>
+        <div className="size-10 overflow-hidden rounded-full">
+          <Image
+            src={getFileUrl(user?.profile_photo)!}
+            alt={user?.name!}
+            loading="lazy"
+            className="h-auto w-full"
+            width={40}
+            height={40}
+          />
+        </div>
+      </Link>
+    )}
 
     <div className="ml-2">
       <h3 className="text-dark text-base">