[WIP] Add profile page #3

irisdv · 2023-01-04T17:02:00Z

close #2

vercel · 2023-01-04T17:02:04Z

@irisdv is attempting to deploy a commit to the Starknet Builders Team on Vercel.

A member of the Team first needs to authorize it.

fricoben · 2023-01-09T13:04:11Z

components/activity.tsx

+};
+
+const Activity: FunctionComponent<ActivityData> = (props) => {
+  const { type, description, timestamp } = props;


Tu peux directement mettre ça comme ça :

const Activity: FunctionComponent<ActivityData> = ({ type, description, timestamp }) => {

fricoben · 2023-01-09T13:08:46Z

components/clickable/clickableDiscordIcon.tsx

+import DiscordIcon from "../../components/icons/discordIcon";
+import styles from "../../styles/Profile.module.css";
+
+type ClickableDiscordIconProps = {


Tu répètes ce type dans plusieurs fichiers. Il a y plusieurs solutions pour éviter la répétition ici mais nous ce qu'on fait (c'est le plus simple meme si c'est pas le plus organisé) c'est de créer un fichier type.d.ts ou tu met les types que tu vas réutiliser plusieurs fois.

Après en l'occurence je trouve que ça fait plus propre d'avoir le type dans le fichier ici qu'en penses tu ?

Je pense que ce serait mieux d'avoir les types dans un fichier séparé mais comme dans app.starknet.id vous les avez répété dans chaque fichier j'ai suivi la même convention :)

Ok ne répétons pas mes erreurs alors go dans un fichier séparés. Je vais le changer dans app aussi.

fricoben · 2023-01-09T13:09:23Z

components/icons/discordIcon.tsx

@@ -0,0 +1,23 @@
+import React, { FunctionComponent } from "react";
+
+export type IconProps = {


Pareil pour le type ;)

fricoben · 2023-01-09T13:10:21Z

components/soulbound.tsx

+import React, { FunctionComponent, useEffect, useState } from "react";
+import styles from "../styles/Soulbound.module.css";
+
+export type SoulBoundData = {


SoulBound ==> Soulbound (ce n'est que 1 seul mot donc le camel case se fait comme ça je pense).

Au niveau du naming j'aurais dis aussi SoulBoundData ==> SoulboundProps pour unifier avec le reste de nos composants

fricoben · 2023-01-09T13:12:51Z

hooks/contracts.ts

+    process.env.NEXT_PUBLIC_NAMING_CONTRACT as string,
+    new Provider({
+      sequencer: {
+        network: "goerli-alpha", // "mainnet-alpha"


On changera dans le futur ça c'est que pour tes tests c'est bien ça ? Parce que le profil sera uniquement dispo en mainnet je pense 👍

Oui c'est pour pouvoir tester de récupérer les données du verifier. Je peux ajouter une variable d'environnement sinon

fricoben · 2023-01-09T13:14:28Z

pages/[id].tsx

+          )
+            .then((response) => response.json())
+            .then((data: Identity) => {
+              console.log("data fetched", data);


un log a enlevé 👍

fricoben · 2023-01-09T13:14:47Z

pages/[id].tsx

+  },
+];
+
+const activityTest = [


A enlevé dans la PR final aussi

fricoben · 2023-01-09T13:18:28Z

pages/[id].tsx

+            }
+          >
+            {" "}
+            NFTs & Soulbound tokens


Pour l'instant juste Souldbounds tokens finalement 👍

fricoben · 2023-01-09T13:20:30Z

components/soulbound.tsx

+      className={styles.SbtCard}
+      onMouseEnter={() => setShowInfo(true)}
+      onMouseLeave={() => setShowInfo(false)}
+      onClick={() => console.log("open")}


Rien onClick pour le moment je pense, ce log est donc à delete 👍

fricoben · 2023-01-09T13:24:12Z

pages/[id].tsx

@@ -0,0 +1,220 @@
+import { NextPage } from "next";


Le naming du fichier pourrait etre plus expressif pour exprimer la possibilité de mettre le .stark (ce qui est pas le cas dans notre /identities sur app.starknet.id pour le moment).

idOrUsername un truc du genre. Tu en penses quoi ?

Oui c'est mieux, je change!

fricoben

Très clean ! Quelques petits changements et on fait l'api aspect puis c'est good !

fricoben

Quelques petits détails mais on avance bien c'est cool.

fricoben · 2023-01-11T07:34:09Z

components/clickable/clickableDiscordIcon.tsx

+    }
+  }, [tokenId]);
+
+  // useEffect(() => {


Pq c'est commenté ? Il y avait un pb ?

fricoben · 2023-01-11T07:35:07Z

components/clickable/clickableStarknetIcon.tsx

+  addr,
+}) => {
+  const copyToClipboard = () => {
+    navigator.clipboard.writeText(addr as string);


Pas besoin du as string ici non ? Vu que tu as typé ClickableChainIconProps

fricoben · 2023-01-11T08:32:42Z

components/clickable/clickableStarknetIcon.tsx

+      <p>
+        {addr.substring(0, 6) +
+          "..." +
+          addr.substring(addr.length - 4, addr.length)}


On a une fonction testée sur l'app (pas besoin de la tester ici) pour ça ici que tu peux réutiliser.

export function minifyAddress(address: string): string { const firstPart = address.substring(0, 4); const secondPart = address.substring(address.length - 3, address.length); return (firstPart + "..." + secondPart).toLowerCase(); }

fricoben · 2023-01-11T08:34:18Z

components/soulbound.tsx

+
+  useEffect(() => {
+    if (imageUri.toLowerCase().startsWith("ipfs://")) {
+      setUrl(imageUri.replace("ipfs://", "https://ipfs.io/ipfs/"));


Bien vu ça 👍

fricoben · 2023-01-11T08:35:22Z

constants.ts

@@ -0,0 +1,52 @@
+export const activityContractsTestnet = {
+  JediSwap: "0x2bcc885342ebbcbcd170ae6cafa8a4bed22bb993479f49806e72d96af94c965",


a placer dans utils je pense ou autre part que dans la racine du dossier non ?

fricoben · 2023-01-11T08:37:44Z

utils/stringService.ts

+  return domain.endsWith(".stark");
+}
+
+export function minifyAddressOrDomain(


je viens de faire une PR pour changer cette fonction minifyAddressOrDomain utils qui est nul et faire des trucs plus clean.

https://github.com/starknet-id/app.starknet.id/pull/87/files

vercel · 2023-01-13T11:39:51Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
starknet-id	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Jan 23, 2023 at 6:42PM (UTC)

Th0rgal · 2023-01-13T12:25:46Z

erreur de build apparemment

fix: mui issue

add profile page

361615b

fricoben reviewed Jan 9, 2023

View reviewed changes

pages/[id].tsx Outdated

},

];

const activityTest = [

Copy link

Contributor

fricoben Jan 9, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A enlevé dans la PR final aussi

fricoben reviewed Jan 9, 2023

View reviewed changes

fricoben requested changes Jan 9, 2023

View reviewed changes

update profile page

1fc42f5

fricoben requested changes Jan 11, 2023

View reviewed changes

irisdv added 5 commits January 11, 2023 16:27

add getDiscordUsername + update activity component

a808fb7

add icons activities

f93d8d2

add myswap logo

b358fb7

add fetch soulbound tokens

f2e1473

remove log

82c9ab1

fix: build errors

2c2b72c

vercel bot had a problem deploying to Preview January 13, 2023 15:05 Failure

Th0rgal and others added 3 commits January 14, 2023 09:51

fix: mssing mui

9d325de

fix: viewport meta tags should not be used in _document.js

d190904

Merge pull request #1 from Th0rgal/feat/profile-page

7b48b0b

fix: mui issue

vercel bot deployed to Preview January 14, 2023 10:02 View deployment

irisdv added 2 commits January 16, 2023 18:31

fix: condition fetch activities

c507038

update style

0eafd3d

vercel bot deployed to Preview January 16, 2023 18:36 View deployment

add animation copy btn

bd0b948

fricoben mentioned this pull request Jan 22, 2023

Faire une page profil sous la forme starknet.id/name.stark #2

Closed

fricoben approved these changes Jan 23, 2023

View reviewed changes

vercel bot deployed to Preview January 23, 2023 18:42 View deployment

Th0rgal merged commit 8ef8216 into lfglabs-dev:main Jan 23, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[WIP] Add profile page #3

[WIP] Add profile page #3

irisdv commented Jan 4, 2023 •

edited by fricoben

Loading

vercel bot commented Jan 4, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

irisdv Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023 •

edited

Loading

fricoben Jan 9, 2023 •

edited

Loading

irisdv Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

fricoben Jan 9, 2023

irisdv Jan 9, 2023

fricoben left a comment

fricoben left a comment

fricoben Jan 11, 2023

fricoben Jan 11, 2023

fricoben Jan 11, 2023

fricoben Jan 11, 2023

fricoben Jan 11, 2023

fricoben Jan 11, 2023

vercel bot commented Jan 13, 2023 •

edited

Loading

Th0rgal commented Jan 13, 2023

		@@ -0,0 +1,23 @@
		import React, { FunctionComponent } from "react";

		export type IconProps = {

		@@ -0,0 +1,52 @@
		export const activityContractsTestnet = {
		JediSwap: "0x2bcc885342ebbcbcd170ae6cafa8a4bed22bb993479f49806e72d96af94c965",

[WIP] Add profile page #3

[WIP] Add profile page #3

Conversation

irisdv commented Jan 4, 2023 • edited by fricoben Loading

vercel bot commented Jan 4, 2023

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

fricoben Jan 9, 2023 • edited Loading

Choose a reason for hiding this comment

fricoben Jan 9, 2023 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

fricoben left a comment

Choose a reason for hiding this comment

fricoben left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

vercel bot commented Jan 13, 2023 • edited Loading

Th0rgal commented Jan 13, 2023

irisdv commented Jan 4, 2023 •

edited by fricoben

Loading

fricoben Jan 9, 2023 •

edited

Loading

fricoben Jan 9, 2023 •

edited

Loading

vercel bot commented Jan 13, 2023 •

edited

Loading