How can I change the color of the text separately with react hooks?

Question

I want the links to work separately

The colors change together now

This is my code

const ChatHeader = ({ location: { pathname } }) => {
  con