/ page is now conversations list

* /conversations also routes to convo list
* add `display` prop to contact loading card

Author: killthebuddh4

src/components/cards/ContactCard.tsx

@@ -13,7 +13,8 @@ import { useRouter } from "next/router";
 
 export const ContactCard: FunctionComponent<{
   address: string;
-}> = ({ address }) => {
+  display?: string;
+}> = ({ address, display }) => {
   const router = useRouter();
   const launch = useLaunch();
   const ensAvatar = useEnsAvatar({
@@ -56,7 +57,9 @@ export const ContactCard: FunctionComponent<{
         className="border-none bg-none mt-auto text-2xl font-bold flex flex-grow justify-center items-center min-h-18"
         onClick={() => launch(address)}
       >
-        {isEnsName(ensName.name)
+        {typeof display === "string"
+          ? display
+          : isEnsName(ensName.name)
           ? ensName.name
           : address.slice(0, 6) + "..." + address.slice(-4)}
       </button>

src/components/pages/Conversations.tsx

@@ -40,7 +40,7 @@ export const Conversations: FunctionComponent = () => {
               {seeds.map((seed) => {
                 return (
                   <div key={seed} className="opacity-25">
-                    <ContactCard address={seed} />
+                    <ContactCard display="Connect Wallet" address={seed} />
                   </div>
                 );
               })}
@@ -54,7 +54,7 @@ export const Conversations: FunctionComponent = () => {
                 {seeds.map((seed) => {
                   return (
                     <div key={seed} className="opacity-25">
-                      <ContactCard address={seed} />
+                      <ContactCard address={seed} display="Sign In" />
                     </div>
                   );
                 })}

src/pages/index.tsx

@@ -1,10 +1,8 @@
 import type { NextPage } from "next";
-import { Profile } from "components";
-import { useAccount } from "wagmi";
+import { Conversations } from "components/pages/Conversations";
 
 const Home: NextPage = () => {
-  const account = useAccount();
-  return <Profile handle={account.address} />;
+  return <Conversations />;
 };
 
 export default Home;