consistence height in music cards

hooks/pre-commit

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+yarn lint && yarn build

package.json

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint --max-warnings 0",
-    "postinstall": "npm run codegen",
+    "postinstall": "cp -r hooks .git/ && npm run codegen",
     "codegen": "npm run graphql-gen",
     "graphql-gen": "graphql-codegen",
     "graphql-watch": "graphql-codegen -w"

src/app/account/all-songs/page.tsx

@@ -17,6 +17,7 @@ import React, { useEffect } from "react";
 import { usePublicClient, useWalletClient } from "wagmi";
 import AccountListBtn from "../AccountListBtn";
 import { unmonetize } from "@/services/smart-contract/unmonetize";
+import Link from "next/link";
 
 const Account = () => {
   const { data: walletClient } = useWalletClient();
@@ -97,6 +98,9 @@ const Account = () => {
       <div className="ml-2">
         <div className="flex mt-6">
           <p className="font-bold text-2xl">Music NFTs</p>
+          <Link className="text-2xl ml-auto" href="/account/">
+            <p>See less</p>
+          </Link>
         </div>
       </div>
 

src/app/account/page.tsx

@@ -4,6 +4,7 @@ import SongListItemMusicNFT from "@/components/SongList/SongListItemMusicNFT";
 import SongListItemSpinamp from "@/components/SongList/SongListItemSpinamp";
 import { AppWalletContext } from "@/context/AppWallet";
 import { MusicNFTAddr } from "@/env";
+
 import { GET_MY_LISTED_MUSIC } from "@/graph-ql/queries/octav3/GET_MY_LISTED_MUSIC/getMyListedMusic";
 import { GET_MY_MUSIC } from "@/graph-ql/queries/octav3/GET_MY_MUSIC/getMyMusic";
 import { GetMyMusicQuery } from "@/graph-ql/queries/octav3/__generated__/graphql";

src/components/MintSongButton/MintSongButton.tsx

@@ -72,7 +72,7 @@ const MintSongButton: React.FC = () => {
         onClick={() =>
           isConnected ? setShowModal(true) : openConnectModal?.()
         }
-        className="flex justify-center items-center m-2 w-60 md:w-48 lg:w-60 h-80 border-[1px] border-solid border-[#00000026] text-[#00000026] text-[10rem] font-light rounded-md"
+        className="flex justify-center items-center m-2 w-60 md:w-48 lg:w-60 h-[18.5rem] border-[1px] border-solid border-[#00000026] text-[#00000026] text-[10rem] font-light rounded-md"
       >
         <span className="iconify" data-icon="ph:plus-thin"></span>
       </div>

src/components/SongList/SongListItemUI.tsx

@@ -11,7 +11,6 @@ type Props = {
   platform?: { url: string; name: Platform };
   isCurrentPlaying: boolean;
   customBtn?: React.ReactNode;
-  viewOn?: { url: string; name: string };
 };
 
 const SongListItemUIStyled = styled.div`
@@ -46,7 +45,6 @@ const SongListItemUI = ({
   platform,
   isCurrentPlaying,
   customBtn,
-  viewOn,
 }: Props) => {
   const [imageLoaded, setImageLoaded] = useState(false);
   return (
@@ -92,20 +90,21 @@ const SongListItemUI = ({
               {title}
             </p>
             <p className="m-0 text-xs text-[#00000099]">{artist}</p>
-            {viewOn && (
-              <a href={viewOn.url}>
-                <p className="text-[#2D5F8A] mt-3 mb-1">
-                  View on {viewOn.name}
-                </p>
-              </a>
-            )}
+
             {platform && (
               <a href={platform.url}>
                 <p className="text-[#2D5F8A] mt-3 mb-1">
                   View on {platform.name}
                 </p>
               </a>
             )}
+            {!platform && (
+              <a>
+                <p className="text-[#2D5F8A] mt-3 mb-1 opacity-0 cursor-none">
+                  View on Octav3
+                </p>
+              </a>
+            )}
           </div>
         </div>
       </SongListItemUIStyled>