diff --git a/packages/app-react/src/components/PlayerDetails.tsx b/packages/app-react/src/components/PlayerDetails.tsx index 1c007563..6c636301 100644 --- a/packages/app-react/src/components/PlayerDetails.tsx +++ b/packages/app-react/src/components/PlayerDetails.tsx @@ -39,7 +39,7 @@ export default function PlayerDetails({ player }: { player: any }) { const goToEditBoxProfile = useCallback(() => { window.open(`https://3box.io/${ethAddress}/edit`) - }, []); + }, [ethAddress]); const editUserName = useCallback(() => { // TODO Apollo does not updates caches as it expects that the mutation returns an object with id, but hasura returns { returning: [{id}] } @@ -50,13 +50,13 @@ export default function PlayerDetails({ player }: { player: any }) { }).then(res => console.log('updated username', res.data) ); - }, [usernameInput]); + }, [usernameInput, updateUsername]); const updateAccounts = useCallback(() => { updateBoxProfiles().then(res => console.log('updated verified profiles', res.data.updateBoxProfile.updatedProfiles) ); - }, []); + }, [updateBoxProfiles]); return ( @@ -71,7 +71,7 @@ export default function PlayerDetails({ player }: { player: any }) {

Name: {boxProfile.name}

Description: {boxProfile.description}

- profile-image + profile
:

Loading box profile

diff --git a/packages/app-react/src/containers/Player.tsx b/packages/app-react/src/containers/Player.tsx index da052786..72817605 100644 --- a/packages/app-react/src/containers/Player.tsx +++ b/packages/app-react/src/containers/Player.tsx @@ -7,7 +7,7 @@ import PlayerDetails from '../components/PlayerDetails'; import queries from "../graphql/queries"; -export const Player: React.FC = ({}) => { +export const Player: React.FC = () => { const { playerId } = useParams(); const { data, loading, error } = useQuery(queries.get_Player, { variables: {