Social icon is already exists in UserAccount component code, but we need to make sure it is showing. <img width="405" alt="Screenshot 2023-07-17 at 5 03 44 PM" src="https://github.com/UseKeyp/kaching-app/assets/36742189/4d37994b-2f33-4712-ac65-d072414a5db4"> Social logo gets from useSocialLogo hook. We have to change return values to upper case in `hooks/useSocialLogo.ts` ```jsx const useSocialLogo = (session: Session | null) => { const id = session && session?.user?.id; if (id?.includes("GOOGLE")) { return "google"; } else if (id?.includes("DISCORD")) { return "discord"; } else if (id?.includes("TWITTER")) { return "twitter"; } else if (id?.includes("TWITCH")) { return "twitch"; } else if (id?.includes("REDDIT")) { return "reddit"; } else if (id?.includes("CHESS")) { return "chess"; } else return null; }; ```
Social icon is already exists in UserAccount component code, but we need to make sure it is showing.
Social logo gets from useSocialLogo hook.
We have to change return values to upper case in
hooks/useSocialLogo.ts