All files / components Profile.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
 
 
 
 
4x
4x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useContext } from "react";
import { ChallengeContext } from "../contexts/ChallengeContext";
import { GlobalContext } from "../contexts/GlobalContext";
import styles from "../styles/components/Profile.module.css";
 
export default function Profile() {
  const { level } = useContext(ChallengeContext);
  const { nameProfiler } = useContext(GlobalContext);
  return (
    <div className={styles.profileContainer}>
      <img src={`https://github.com/${nameProfiler}.png`} alt="Imagem Perfil" />
      <div>
        <strong>{nameProfiler}</strong>
        <p>
          <img src="icons/level.svg" alt="Level" />
          Level {level}
        </p>
      </div>
    </div>
  );
}