fix avatar

Author: PentSec

src/components/ProfileCard/ProfileCard.tsx

@@ -19,7 +19,6 @@ interface ProfileCardProps {
 
 export default function ProfileCard({ userData, isLoading, error }: ProfileCardProps) {
     const [isModalOpen, setModalIsOpen] = useState<boolean | undefined>(false)
-    console.log(userData)
 
     const openModal = () => {
         setModalIsOpen(true)
@@ -31,35 +30,39 @@ export default function ProfileCard({ userData, isLoading, error }: ProfileCardP
 
     return (
         <>
-            <Tooltip
-                showArrow
-                offset={-150}
-                crossOffset={-50}
-                placement="right"
-                content={
-                    <div className="px-1 py-2">
-                        <div className="font-bold text-small">Do you want to see my Skills?</div>
-                        <div className="text-tiny">Okay, let's click</div>
-                    </div>
-                }
-                classNames={{
-                    base: ['before:bg-neutral-400 dark:before:bg-white'],
-                    content: [
-                        'py-2 px-4 shadow-xl',
-                        'text-black bg-gradient-to-br from-white to-neutral-400'
-                    ]
-                }}
-            >
-                <Card isPressable isHoverable className="flex w-full mb-4" onPress={openModal}>
-                    <Skeleton isLoaded={!isLoading} className="w-full h-full">
+            <Skeleton isLoaded={!isLoading} className="w-full h-full rounded-large">
+                <Tooltip
+                    showArrow
+                    offset={-150}
+                    crossOffset={-50}
+                    placement="right"
+                    content={
+                        <div className="px-1 py-2">
+                            <div className="font-bold text-small">
+                                Do you want to see my Skills?
+                            </div>
+                            <div className="text-tiny">Okay, let's click</div>
+                        </div>
+                    }
+                    classNames={{
+                        base: ['before:bg-neutral-400 dark:before:bg-white'],
+                        content: [
+                            'py-2 px-4 shadow-xl',
+                            'text-black bg-gradient-to-br from-white to-neutral-400'
+                        ]
+                    }}
+                >
+                    <Card isPressable isHoverable className="flex w-full mb-4" onPress={openModal}>
                         <div className="flex items-center justify-center justify-col mt-2">
-                            <Avatar
-                                isBordered
-                                color="success"
-                                radius="full"
-                                className="w-32 h-32 mb-4"
-                                src={userData?.avatar_url || ''}
-                            />
+                            {userData && (
+                                <Avatar
+                                    isBordered
+                                    color="success"
+                                    radius="full"
+                                    className="w-32 h-32 mb-4 text-large "
+                                    src={userData?.avatar_url}
+                                />
+                            )}
                         </div>
                         <CardHeader className="items-center justify-center justify-col">
                             <div className="flex flex-col items-center justify-center gap-1">
@@ -94,9 +97,9 @@ export default function ProfileCard({ userData, isLoading, error }: ProfileCardP
                                 <p className="text-default-400 text-small">Followers</p>
                             </div>
                         </CardFooter>
-                    </Skeleton>
-                </Card>
-            </Tooltip>
+                    </Card>
+                </Tooltip>
+            </Skeleton>
             {isModalOpen && <ModalSkills onClose={closeModal} />}
         </>
     )