Describe the bug
The margin top is far superior to margin left/right for header

Expected behavior
margin-top should be equal to margin left/right

Screenshots

Desktop (please complete the following information):
Browser, macos

Additional context
The margin/padding top is probably using relative units while the left/right uses pixels.

Use new starknet react starknet ID hooks to display the name instead of our hold shit.

We have this bug in prod when we open the console

add change domain owner on front

Add marketplaces logos only if the user does not hold the NFT.

Is your feature request related to a problem? Please describe.

Right now the token ID page on app.starknet.id/identities/[tokenId] is not really user friendly and does not show our will to make a starknet identity as a starknet passport. More than that our fonts do not represent this fun aspect that we want to give to the website and the brand.

Describe the solution you'd like

1° Change the title font
2° Change the Leaves everywhere we used the old ones
3° Integrate the new Model for the tokenId page

It's an issue to give to someone that is experimented with HTML/CSS and web integration. It's very difficult but I would say it can take some time because of the small details like responsiveness...

Additional context

Here is the Figma where you can find the maquette and the UI kit.

Here are the new leaves that should replace the old ones everywhere.

Here is the new title font that should be in the title class now.

Update the loading part to starknet react 14.6.

https://goerli.app.starknet.id/search?domain=vItalik

This link could be used as a way to troll user and make buy wrong domains

After starknet-io/starknet.js#382 make the starknet react one

What we want

The idea here is to have something more smooth when you connect.

Cause you have nothing and then suddenly all your identities appear.

here is a small video of the problem.

Voilà le problème sur la page identities (identities.ts).

Voilà le problème sur la page d'identité (tokenId.ts).

Context

We use material UI ==> here is the tool to do it https://mui.com/material-ui/react-skeleton/

It's an easy PR for someone that wants to begin with this repo.

If you make a PR, make a video of how it looks on the PR description !

There is a naming problem as useEncoded can not take subdomain parameters and useDecoded can. The solution could be to rename to useEncodedSeveral to useEncoded

close starknet-io/starknet.js#382

Create a Bitcoin Button like we talked with Argent in Tel Aviv.

Check with big partners to do it.

Add set as main domain when registering if the owner do not have any domains.

After the feedback that I have people understand more the concept of domains + it could help to increase the conversion rate

I'm not sure that it is possible to do it with starknet react right now but it's worth checking

The goal here is to change the SVG form a page like this

To a custom image that still has this hexagon form.

First, we want that if the user owns a particular starknet.id then we'll be able to hover over its image and click on it.

Here is an example of what we want :

Then you'll directly call an upload input. With something like this <input hidden accept="image/*" type="file" />

Petite animation de chargement en utilisant le composant loadingScreen.tsx, puis derrière on demande au user de lancer une transaction.

En gros le fonctionnement est à peu près le meme que pour la vérification discord, twitter et github (tu peux check discord.ts et tester de vérifier un social media).

Le petit challenge de cette feature c'est de garder le coté hexagonale de notre photo de profil meme si la pp du user ne l'est pas comme je te l'avais dis.

Dis moi si tu as des questions !

See examples of the select here ==> https://starkscan.co/, https://mintsquare.io/

Currently subdomain creation can be find here ==> https://app.starknet.id/search?domain=imperium

We need to find a better UI/UX to this

Fix our starknet js call in order for it to work in prod.

So basically the idea is to make a join the tribe section a bit as what we have here.

Here is the design of what we want.

What do we want?

A new page on app.starknet.id called join the tribe where you'll have 3 sections. You can be in the tribe only if you choose your Twitter name to contain a stark domain that you hold.

First section will look like this :

You'll be able to see who's in the tribe (who has a .stark in his name).

Second section :

This second section will show what premium NFTs you'll be able to get depending on how early you were in the tribe.

Third section :

You'll be able to see who's in the tribe with you (who do you follow that is also in the tribe).

st_as_main_domain is sometimes called even though you already have something set as main domain. It forbids you to mint a domain targeting another address than yours.

When we go to https://goerli.app.starknet.id/search?domain=dolven-labs it does not go directlty to the domain

• Add routes useful to Jacky
• Document those routes

Create the affiliation Leaderboard page based on events from the indexer.

Use https://mui.com/material-ui/react-alert/ instead

https://discord.com/channels/1025416762835095674/1026138967323717705/1042488006147317870

People don't necessarily see the verified icon. If it's verified then disable the button

Add NFTs as a profile pic (first starknet NFTs and then L1).

You'll need to :

1. Create a contract that verifies that you own the NFT that you set as an Avatar
2. Refactor the front-end to add the NFT smoothly

Bonus :
3) Use Storage Proof to prove that you own the L1 NFT and set it as your Avatar

Delete the register from the L1 button and support in general

People can think they are able to register subdomain if they use query param to search.

https://app.starknet.id/search?domain=sub.vitalik

Describe the solution you'd like

A typescript sdk built on top of starknetjs allowing to resolve domains and easily manipulate StarknetID data for a website

Specs

You need to be able to create a StarknetIDNavigator (or whatever you want to call it) which takes as input the network (testnet, mainnet) and optionally the contract to query (should be deduced from testnet and mainnet). This object would give multiple methods:

Encoding (should be accessible outside of the Navigator object)

encode(word : string) -> felt : BN
decode(felt : BN) -> word : string
/!\ domain should end in .stark
encode_domain(domain : string) -> encoded_domain : BN[]
decode_domain(encoded_domain : BN[]) -> domain : string

Resolving domains

domain_to_address(domain : string) -> address : BN
address_to_domain(address : BN) -> domain : string
domain_to_starknetid(domain : string) -> starknetid : uint128 // I'm not sure it fits in a number, if it is not the case, let's keep a BN

Resolving data

See https://github.com/starknet-id/contract#starknetid-contract

starknetid_to_data(starknetid, field) -> BN
starknetid_to_extended_data(starknetid, field, length) -> BN[]
starknetid_to_unbounded_data(starknetid, field) -> BN[]

starknetid_to_verifier_data(starknetid, field, verifier) -> BN
starknetid_to_extended_verifier_data(starknetid, field, length, verifier) -> BN[]
starknetid_to_unbounded_verifier_data(starknetid, field, verifier) -> BN[]

It would be nice to add the same methods but taking a domain as input, it would automatically resolve it to a starknet_id e.g.:
domain_to_data(domain, field) -> BN

You can use https://github.com/starknet-id/sbt.starknet.id/blob/main/src/hooks/naming.ts and https://docs.starknet.id/for-devs/encoding-algorithm for reference.

Integrate the Argent-x web wallet to the starknet.id app

Add this to docs.starknet.id

This env variable is a string which contains true or false, you should check its content and not treat it as a boolean

When I have no identities available I'm a bit stuck and I do not know what to do

Make a one-page dashboard about starknet id Stats on a website like stats.starknet.id.

The dashboard should leverage the data that we collected with our database.

Here are the data that we want to display.

1° Numbers ==> Total domain created, Total of identity created, a total of unique addresses.

2° Graph ==> Names registration through time and renewals through time (you can change the scale and it'll change everything).

3° Numbers (club supply) ==> 1 letter ,2 letters, 3 letters, 99 club, 999 club, and 10K club.

4° List of Interesting expired domains from clubs (with the mention expired X days ago) and CTA to mint it.

Here is the design

Link every starknet-id to its profile