StatsbarPlayer 10percent

williamdlm · Oct 14, 2021 · 7deefd2 · 7deefd2
1 parent e729b8c
commit 7deefd2
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 5 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -5,7 +5,7 @@ import { MainComplete } from "../src/components/Main";
 import { ExperienceProvider } from "../src/contexts/ExperienceContext";
 
 export default function Home(props) {
- console.log(props);
+ // console.log(props);
  return (
  <ExperienceProvider
  level={props.level}

diff --git a/pages/quiz.js b/pages/quiz.js
@@ -65,8 +65,8 @@ function QuestionWidget({
  const isCorrect = selectedAlternative === question.answer;
  const hasAlternativeSelected = selectedAlternative !== undefined;
  const { completeQuestion } = useContext(ExperienceContext);
- // console.log(question);
- console.log(selectedAlternative);
+ const { handlePointsStats } = useContext(ExperienceContext);
+ // console.log(question.type);
  return (
  <Widget style={{ margin: "0 auto" }}>
  <Widget.Header>
@@ -98,7 +98,12 @@ function QuestionWidget({
  addResult(isCorrect);
  setTimeout(() => {
  {
- isCorrect && completeQuestion(1);
+ {
+ isCorrect && completeQuestion(1);
+ }
+ {
+ isCorrect && handlePointsStats(question.type);
+ }
  }
  onSubmit();
  setSelectedAlternative(undefined);

diff --git a/src/contexts/ExperienceContext.js b/src/contexts/ExperienceContext.js
@@ -12,8 +12,50 @@ export function ExperienceProvider({ children, ...rest }) {
  // prettier-ignore
  const experienceToNextLevel = Math.pow((level + 1) * 4, 2);
  const [titleUser, setTitleUser] = useState("Iniciante");
+ const [totalPointsStatsBar, setTotalPointsStatsBar] = useState(10);
+ const [pointsBarType, setPointsBarType] = useState({
+ totalTypeZero: 5,
+ totalTypeOne: 5,
+ totalTypeTwo: 5,
+ totalTypeTree: 5,
+ });
  const name = "William Mota";
 
+ let copy = Object.assign({}, pointsBarType);
+ function handlePointsStats(type) {
+ setTotalPointsStatsBar(totalPointsStatsBar + 1);
+ switch (type) {
+ case 0:
+ console.log(pointsBarType);
+ copy.totalTypeZero++;
+ setPointsBarType(copy);
+ console.log(copy);
+ break;
+ case 1:
+ copy.totalTypeOne++;
+ setPointsBarType(copy);
+ console.log(pointsBarType);
+ break;
+ case 2:
+ copy.totalTypeTwo++;
+ setPointsBarType(copy);
+ console.log(pointsBarType);
+ break;
+ case 3:
+ copy.totalTypeTree++;
+ setPointsBarType(copy);
+ console.log(pointsBarType);
+ break;
+
+ default:
+ break;
+ }
+ }
+
+ useEffect(() => {
+ console.log(pointsBarType);
+ }, [pointsBarType]);
+
  useEffect(() => {
  Cookies.set("level", String(level));
  Cookies.set("currentExperience", String(currentExperience));
@@ -47,7 +89,6 @@ export function ExperienceProvider({ children, ...rest }) {
 
  setCurrentExperience(finalExperience);
  }
- console.log(db.titulos[0]);
  return (
  <ExperienceContext.Provider
  value={{
@@ -59,6 +100,7 @@ export function ExperienceProvider({ children, ...rest }) {
  name,
  titleUser,
  handleTitles,
+ handlePointsStats,
  }}
  >
  {children}