|
1 |
| -import React, { useState, useEffect } from "react"; |
| 1 | +import React, {useState, useEffect} from "react"; |
2 | 2 | import "./GithubProfileCard.scss";
|
3 | 3 | import SocialMedia from "../../components/socialMedia/SocialMedia";
|
4 |
| -import { contactInfo, isHireable } from "../../portfolio"; |
| 4 | +import {contactInfo, isHireable} from "../../portfolio"; |
5 | 5 | import emoji from "react-easy-emoji";
|
6 |
| -import { Fade } from "react-reveal"; |
| 6 | +import {Fade} from "react-reveal"; |
7 | 7 |
|
8 | 8 | const useCustomAvatar = process.env.REACT_APP_USE_CUSTOM_AVATAR === "true";
|
9 | 9 |
|
10 |
| -export default function GithubProfileCard({ prof }) { |
| 10 | +export default function GithubProfileCard({prof}) { |
11 | 11 | const [customImageExists, setCustomImageExists] = useState(false);
|
12 | 12 | const [avatarSrc, setAvatarSrc] = useState(prof.avatarUrl);
|
13 | 13 |
|
@@ -75,13 +75,11 @@ export default function GithubProfileCard({ prof }) {
|
75 | 75 | <SocialMedia />
|
76 | 76 | </div>
|
77 | 77 | <div className="image-content-profile">
|
78 |
| - <img |
79 |
| - src={avatarSrc} |
80 |
| - alt={prof.name} |
81 |
| - className="profile-image" |
82 |
| - /> |
| 78 | + <img src={avatarSrc} alt={prof.name} className="profile-image" /> |
83 | 79 | {useCustomAvatar && !customImageExists && (
|
84 |
| - <p className="fallback-note">(Using GitHub avatar — custom not found)</p> |
| 80 | + <p className="fallback-note"> |
| 81 | + (Using GitHub avatar — custom not found) |
| 82 | + </p> |
85 | 83 | )}
|
86 | 84 | </div>
|
87 | 85 | </div>
|
|
0 commit comments