removed the back button on the ideantity details page and fixed the l…

…ayout shift when a domain isn't connected.

.env.example

@@ -20,31 +20,3 @@ NEXT_PUBLIC_DOMAIN_GIFT_CONTRACT=0x040803720a1723355f652e1b3609275f561541e65ebff
 NEXT_PUBLIC_AVNU_API=https://starknet.impulse.avnu.fi/v1
 
 
-
-
-
-# NEXT_PUBLIC_SERVER_LINK=https://api.starknet.id
-# NEXT_PUBLIC_STARKNET_ID=https://starknet.id
-# NEXT_PUBLIC_IDENTITY_CONTRACT=0x05dbdedc203e92749e2e746e2d40a768d966bd243df04a6b712e222bc040a9af
-# NEXT_PUBLIC_STARKNETID_CONTRACT=0x05dbdedc203e92749e2e746e2d40a768d966bd243df04a6b712e222bc040a9af
-# NEXT_PUBLIC_NAMING_CONTRACT=0x6ac597f8116f886fa1c97a23fa4e08299975ecaf6b598873ca6792b9bbfb678
-# NEXT_PUBLIC_PRICING_CONTRACT=0x035F2ca59fE00Ef8968B98EA4b79de0e82a8daC4CBc0f48E93F3dE90e65Ae568
-# NEXT_PUBLIC_VERIFIER_CONTRACT=0x07d14dfd8ee95b41fce179170d88ba1f0d5a512e13aeb232f19cfeec0a88f8bf
-# NEXT_PUBLIC_DEPRECATED_VERIFIER_CONTRACT=0x019e5204152a72891bf8cd0bed8f03593fdb29ceacd14fca587be5d9fcf87c0e
-# NEXT_PUBLIC_OLD_VERIFIER_CONTRACT=0x4d546c8d60cfd591557ac0613be5ceeb0ea6f797e7d11c0b5160d145fa3089f
-# NEXT_PUBLIC_VERIFIER_POP_CONTRACT=0x0293eb2ba9862f762bd3036586d5755a782bd22e6f5028320f1d0405fd47bff4
-# NEXT_PUBLIC_ETHER_CONTRACT=0x049d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7
-# NEXT_PUBLIC_L1BUYING_CONTRACT=0x2a8f4E6A844A7cAa602E77B45651635e81EeF0ce
-# NEXT_PUBLIC_VERIFIER_LINK=https://verifier.starknet.id
-# # NEXT_PUBLIC_IS_TESTNET=false
-# NEXT_PUBLIC_TRIBE_CONTRACT=0x021b4b01282f11c7847007c7f064e20413c66f3e71f2c36b4cacaaf2a244dca6
-# NEXT_PUBLIC_NFT_PP_VERIFIER=0x070aaa20ec4a46da57c932d9fd89ca5e6bb9ca3188d3df361a32306aff7d59c7
-# # NEXT_PUBLIC_RPC_URL=https://rpc.starknet.id
-# NEXT_PUBLIC_MULTICALL_CONTRACT=0x034ffb8f4452df7a613a0210824d6414dbadcddce6c6e19bf4ddc9e22ce5f970
-# NEXT_PUBLIC_DOMAIN_GIFT_CONTRACT=0x040803720a1723355f652e1b3609275f561541e65ebffdf87e4075f9181df452
-# NEXT_PUBLIC_AVNU_API=https://starknet.impulse.avnu.fi/v1
-# NEXT_PUBLIC_SALES_SERVER_LINK=https://api.sales.starknet.id
-
-# NEXT_PUBLIC_RPC_URL=https://sepolia.rpc.starknet.id
-# NEXT_PUBLIC_IS_TESTNET=true
-# NEXT_PUBLIC_SERVER_LINK=https://sepolia.api.starknet.id

components/identities/availableIdentities.tsx

@@ -171,10 +171,11 @@ const AvailableIdentities = ({tokenId}: {tokenId: string}) => {
                <IdentitiesSkeleton />
             ) : !isUpdatingPp ? (
                <div className={homeStyles.wrapperScreen}>
-                  <div className="flex-col sm:flex-col-reverse flex md:flex-row gap-3 lg:gap-[24px] justify-center md:pl-5 mb-6 md:min-h-[80vh]">
+                  {/* <div className={`flex-col sm:flex-col-reverse flex md:flex-row gap-3 lg:gap-[24px] justify-center md:pl-5 mb-6 md:min-h-[80vh]`}> */}
+                  <div className={` mb-6 md:min-h-[80vh] flex flex-col sm:flex-col-reverse md:flex-row gap-3 lg:gap-[24px] justify-center `}>
                      <div
                         className={`${
-                           !hideActions ? "lg:mx-0" : "lg:ml-20 border"
+                           !hideActions ? "lg:mx-0 " : "lg:ml-20 border max-w-[267px]"
                         } mx-auto  bg-[#FFFFFF] w-[90%] sm:w-[80%] lg:w-[267px]  shadow-sm rounded-2xl h-[319px] md:min-h-[554px] md:p-5 relative text-center border border-[#4545451A] flex flex-col items-center justify-between `}
                      >
                         <div className="h-[280px] md:min-h-[480px] w-full overflow-y-auto ">
@@ -198,7 +199,7 @@ const AvailableIdentities = ({tokenId}: {tokenId: string}) => {
                            ADD IDENTITIES
                         </button>
                      </div>
-                     <div className={styles.containerIdentity}>
+                     <div className={`${styles.containerIdentity}  ${!hideActions ? "flex-grow-0" : "flex-grow"}`}>
                         <>
                            <div className={styles.identityBox}>
                               <IdentityCard identity={identity} tokenId={tokenId} isOwner={isOwner} onPPClick={() => setIsUpdatingPp(true)} ppImageUrl={ppImageUrl} />

components/identities/skeletons/identitiesSkeleton.tsx

@@ -4,7 +4,7 @@ import styles from "../../../styles/components/identitiesV1.module.css";
 
 const IdentitiesSkeleton: FunctionComponent = () => {
    return (
-      <div className="pt-32">
+      <div className="pt-20">
          <div className={styles.identitiesSkeleton}>
             <Skeleton variant="rounded" width={300} height={546} className=""/>
             <Skeleton variant="rounded" width={598} height={346} className="mt-20 hidden md:flex"/>

pages/identities/[tokenId].tsx

@@ -10,10 +10,7 @@ const TokenIdPage: NextPage = () => {
    const tokenId: string = router.query.tokenId as string;
    return (
       <div className={homeStyles.wrapperScreen}>
-         <div className="mt-24">
-            <div className="ml-8 mb-5">
-               <BackButton onClick={() => window.history.back()} />
-            </div>
+         <div className="mt-[8rem]">
             <AvailableIdentities tokenId={tokenId} />
          </div>
       </div>

styles/components/identitiesV1.module.css

@@ -100,9 +100,9 @@
 @media (min-width: 1200px) {
    .identityBox {
       flex-direction: row;
-      justify-content: center;
+      /* justify-content: center; */
       gap: 2rem;
-      align-items: center;
+      /* align-items: center; */
    }
 }