There's a way to get the logo, account component, and "about heystack" to align vertically by getting the padding and margins around them right. Also suggest decreasing size of the logo

https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=126%3A1063

User tries to search inside in the wallet:
First search:'Stacks"
Correct results

Second search:'Token"
All the assets were shown

https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=152%3A0

it's probably clearer with the line

example: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=167%3A4640

menu component: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=5%3A8622

network indicator component: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=167%3A1642

if I just clone and start, I see a lot of prettier error due to the CRLF thing, need to add this to the eslintrc.json file(well if there are other ones in the future, that prettier/prettier block

{
"extends": [
"react-app",
"prettier"
],
"plugins": [
"prettier"
],
"rules": {
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
}
]
}
}

‘Say hey to other Stakers’ can be tweaked as ‘ Say ‘Hey’ to other Stakers,highlighting our 'Hey'

hover to show reply link: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=139%3A57
replying: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=139%3A272
replied: https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=139%3A502

It triggers the wrong contract function (send-message) instead of the one for claiming HEY:

User notices when they select ‘Claim Hey’-and upon selecting the faucet-receive ‘This ID doesn't seem right.This page isn't available, and it looks like the Transaction ID provided isn't correct.’But the second time, and the transaction was pending

remove shadow from secondary button, add shadow to the panel

Shadow is 'S' which is:
box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.04);

User tried to post Hey message without 'Hey token'
User didn't have sufficient funds,received accurate error message but also received “Confirm the transaction in your wallet
Is this accurate behavior?

I suggest removing this 16px subdued padding:

reference:
https://www.figma.com/file/KjIJceM7SNWGBAswXaXCIq/Heystack?node-id=126%3A3

Upon receiving ‘Confirm the transaction in your wallet’the screen seems to be disabled.User cant navigate or make any selections on the page.User was able to return by selecting the refresh icon

User notices when they change the network to local ‘Mainnet,regnet,localnet’,its still displaying as testnet in the wallet

seems the avi and dropdown icon is above the overlay

when liking or sending a message the "claim hey" button starts spinning:

So because I'm trying to figure out what is up with #39
I figured I could just actually use the sample app at https://heystack.xyz to help debug and make sure I've got the proper Clarity.

However the site app example appears to refer to contract on regtest network that is no longer present.

Not sure what else I can deduce aside from that
I suspect the contract that was deployed to regtest to work in unison with your web app differs slightly from what the repo shows as the clarity contracts.

User tries to search inside in the wallet:
First search:'Stacks"
Correct results

Second search:'Token"
All the assets were shown

I get an error when attempting to deploy my own copy of hey.clar (in my case named luv.clar)

My attempt to deploy that is failing: https://explorer.stacks.co/txid/0xa80bb6313fdcd8e5b75de2c579049d08bc1a47357a2cdd341f5b8d20af827c1d?chain=testnet

When I run the contract through clarity-cli check it returns error analysis of:
use of unresolved contract 'ST1T33SDB0Y1GE9WBN0X3G6MZ81XQG2XVNBHGKZ50.luv-token'