Merge pull request #39 from MateuszKitzol/hints-improvement

Add more direct hints

src/App/MainPage/Window/WindowShowSolutionButton/WindowSolutionButton.jsx

@@ -1,14 +1,21 @@
 import React, { useState, UseContext, useEffect } from 'react';
 import * as S from './styles.js'
+import { recipesAsObj } from '../../../../../public/recipes.js';
 
-export const WindowSolutionButton = ({item, stateChanger}) => {  
+const createStrBasedOnObj = (obj, item) => {
+    return Object.keys(recipesAsObj[item]).map(key => `${recipesAsObj[item][key]}*${key}`).join(" + ")
+}
 
+export const WindowSolutionButton = ({item, stateChanger}) => {  
+
     const onClickEventHandler = () => {
         stateChanger(x => false);
     }
 
+    console.log(JSON.stringify(recipesAsObj[item]))
+
     return (        
-        <S.WindowSolutionButton onClick={onClickEventHandler} name='key' item={item}>
+        <S.WindowSolutionButton onClick={onClickEventHandler} name='key' item={createStrBasedOnObj(recipesAsObj, item)}>
         </S.WindowSolutionButton>
     )
 }

src/App/MainPage/Window/WindowShowSolutionButton/styles.js

@@ -9,6 +9,7 @@ export const WindowSolutionButton = styled(Button)`
     &:hover {      
         animation-name: widthAnimation;
         animation-duration: 1000ms;
+        animation-delay: -500ms;
         animation-fill-mode: forwards;
 
         background: none;