🔁 Sync testnet with main (#133)

* 🔁 Sync testnet with main (#106) (#107) * feat: add sybil badge (#89) * feat: add badges comp (#90) * chore: add sybil badge * feat: add tooltip to badges (#91) * feat: collect publication without profile 🚀 (#92) * feat: add isConnected store * chore: use setIsConnected * chore: add proper disconnect * chore: add valid check * chore: add create profile component * feat: add unauthed user menu items * chore: update error message * chore: cleanup * fix: remove unused isAuthenticated * fix: nonce issue for non profile users * fix: allowance fetch * fix: remove current user deps in collect module * feat: add non auth follow (#93) * feat: add non auth crowdfund support (#94) * chore: update sponsor link * ⬆️ deps(dev): Bump eslint-config-next from 12.2.2 to 12.2.3 (#100) Bumps [eslint-config-next](https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next) from 12.2.2 to 12.2.3. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](https://github.com/vercel/next.js/commits/v12.2.3/packages/eslint-config-next) --- updated-dependencies: - dependency-name: eslint-config-next dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: bigint <69431456+bigint@users.noreply.github.com> * ⬆️ deps: Bump next from 12.2.2 to 12.2.3 (#97) Bumps [next](https://github.com/vercel/next.js) from 12.2.2 to 12.2.3. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](vercel/next.js@v12.2.2...v12.2.3) --- updated-dependencies: - dependency-name: next dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: bigint <69431456+bigint@users.noreply.github.com> * ⬆️ deps: Bump plyr-react from 5.0.2 to 5.1.0 (#99) Bumps [plyr-react](https://github.com/chintan9/plyr-react) from 5.0.2 to 5.1.0. - [Release notes](https://github.com/chintan9/plyr-react/releases) - [Changelog](https://github.com/chintan9/plyr-react/blob/master/CHANGELOG.md) - [Commits](https://github.com/chintan9/plyr-react/commits) --- updated-dependencies: - dependency-name: plyr-react dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * ⬆️ deps: Bump zod from 3.17.9 to 3.17.10 (#98) Bumps [zod](https://github.com/colinhacks/zod) from 3.17.9 to 3.17.10. - [Release notes](https://github.com/colinhacks/zod/releases) - [Changelog](https://github.com/colinhacks/zod/blob/master/CHANGELOG.md) - [Commits](colinhacks/zod@v3.17.9...v3.17.10) --- updated-dependencies: - dependency-name: zod dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * feat: add entire pub clickable * fix: use clickable props * chore: cleanup full post comp * chore: cleanup post type * Revert "feat: add entire pub clickable" (#104) * chore: use article tag * fix: add stopPropagation for post actions * revert: make pub clickable * chore: refactor show more * chore: add user check Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Remove unnecessary boolean casts (#108) Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com> * Fix explicit type declarations (#109) Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com> * fix: add passhref and closes #120 * fix: remove unused onClick * Remove the undefined type from optional property (#110) Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com> * fix: remove unused clickable * fix: remove unused param * chore: update yarn.lock * fix: typo in walletselector comp Co-Authored-By: Barabazs <31799121+Barabazs@users.noreply.github.com> * feat: add profile warning below navbar (#130) * fix: use pascal case for seo tag (#131) * chore: fix #129 * fix: #129 * fix: use const instead of let (#132) * fix: use const and closes #124 * fix: remove unused variable and closes #123 * fix: add type to button and closes #127 * fix: add title to iframe and closes #119 * fix: add sandbox and closes #111 * fix: sandbox in iframe * fix: escape special chars and closes #118 Co-authored-by: bigint <69431456+bigint@users.noreply.github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com> Co-authored-by: Barabazs <31799121+Barabazs@users.noreply.github.com>
heyxyz · Jul 25, 2022 · 798a777 · 798a777
1 parent cd0ba1e
commit 798a777
Show file tree

Hide file tree

Showing 40 changed files with 168 additions and 139 deletions.
diff --git a/scripts/gp-welcome.sh b/scripts/gp-welcome.sh
@@ -1,10 +1,8 @@
 #!/bin/bash
 
-RED='\033[0;31m'
 GREEN='\033[0;32m'
 BLUE='\033[0;34m'
 PURPLE='\033[0;35m'
-CYAN='\033[0;36m'
 NC='\033[0m'
 BOLD=$(tput bold)
 NORMAL=$(tput sgr0)

diff --git a/src/components/Community/Communities/index.tsx b/src/components/Community/Communities/index.tsx
@@ -1,7 +1,7 @@
 import { gql, useQuery } from '@apollo/client'
 import { GridItemFour, GridLayout } from '@components/GridLayout'
 import { PageLoading } from '@components/UI/PageLoading'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { CommunityFields } from '@gql/CommunityFields'
 import { ChartBarIcon, FireIcon, SparklesIcon } from '@heroicons/react/outline'
 import Logger from '@lib/logger'
@@ -78,7 +78,7 @@ const Communities: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Communities • ${APP_NAME}`} />
+      <Seo title={`Communities • ${APP_NAME}`} />
       <GridItemFour>
         <div className="flex items-center mb-2 space-x-1.5 font-bold text-gray-500">
           <FireIcon className="w-5 h-5 text-yellow-500" />

diff --git a/src/components/Community/Create.tsx b/src/components/Community/Create.tsx
@@ -11,7 +11,7 @@ import { Form, useZodForm } from '@components/UI/Form'
 import { Input } from '@components/UI/Input'
 import { Spinner } from '@components/UI/Spinner'
 import { TextArea } from '@components/UI/TextArea'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { CreatePostBroadcastItemResult } from '@generated/types'
 import { BROADCAST_MUTATION } from '@gql/BroadcastMutation'
 import { PlusIcon } from '@heroicons/react/outline'
@@ -205,7 +205,7 @@ const Create: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Create Community • ${APP_NAME}`} />
+      <Seo title={`Create Community • ${APP_NAME}`} />
       <GridItemFour>
         <SettingsHelper
           heading="Create community"

diff --git a/src/components/Community/index.tsx b/src/components/Community/index.tsx
@@ -1,7 +1,7 @@
 import { gql, useQuery } from '@apollo/client'
 import { GridItemEight, GridItemFour, GridLayout } from '@components/GridLayout'
 import PostsShimmer from '@components/Shared/Shimmer/PostsShimmer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { CommunityFields } from '@gql/CommunityFields'
 import Logger from '@lib/logger'
 import { NextPage } from 'next'
@@ -52,7 +52,7 @@ const ViewCommunity: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO title={`${data?.publication?.metadata?.name} • ${APP_NAME}`} />
+      <Seo title={`${data?.publication?.metadata?.name} • ${APP_NAME}`} />
       <GridItemFour>
         <Details community={data.publication} />
       </GridItemFour>

diff --git a/src/components/Create/index.tsx b/src/components/Create/index.tsx
@@ -2,7 +2,7 @@ import { GridItemEight, GridItemFour, GridLayout } from '@components/GridLayout'
 import Signup from '@components/Shared/Navbar/Login/Create'
 import SettingsHelper from '@components/Shared/SettingsHelper'
 import { Card, CardBody } from '@components/UI/Card'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { NextPage } from 'next'
 import React from 'react'
 import { APP_NAME } from 'src/constants'
@@ -16,7 +16,7 @@ const Create: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Create Profile • ${APP_NAME}`} />
+      <Seo title={`Create Profile • ${APP_NAME}`} />
       <GridItemFour>
         <SettingsHelper
           heading="Create profile"

diff --git a/src/components/Crowdfund/Create.tsx b/src/components/Crowdfund/Create.tsx
@@ -12,7 +12,7 @@ import { Input } from '@components/UI/Input'
 import { PageLoading } from '@components/UI/PageLoading'
 import { Spinner } from '@components/UI/Spinner'
 import { TextArea } from '@components/UI/TextArea'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { CreatePostBroadcastItemResult, Erc20 } from '@generated/types'
 import { BROADCAST_MUTATION } from '@gql/BroadcastMutation'
 import { PlusIcon } from '@heroicons/react/outline'
@@ -260,7 +260,7 @@ const Create: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Create Crowdfund • ${APP_NAME}`} />
+      <Seo title={`Create Crowdfund • ${APP_NAME}`} />
       <GridItemFour>
         <SettingsHelper
           heading="Create crowdfund"

diff --git a/src/components/Explore/index.tsx b/src/components/Explore/index.tsx
@@ -2,7 +2,7 @@ import { GridItemEight, GridItemFour, GridLayout } from '@components/GridLayout'
 import RecommendedProfiles from '@components/Home/RecommendedProfiles'
 import Footer from '@components/Shared/Footer'
 import PostsShimmer from '@components/Shared/Shimmer/PostsShimmer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { NextPage } from 'next'
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
@@ -30,7 +30,7 @@ const Explore: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO
+      <Seo
         title={`Explore • ${APP_NAME}`}
         description={`Explore top commented, collected and latest publications in the ${APP_NAME} community.`}
       />

diff --git a/src/components/Home/ProfileWarning.tsx b/src/components/Home/ProfileWarning.tsx
@@ -0,0 +1,30 @@
+import { CursorClickIcon, UserIcon } from '@heroicons/react/outline'
+import { FC } from 'react'
+import { APP_NAME } from 'src/constants'
+
+const ProfileWarning: FC = () => {
+  return (
+    <div className="p-5 border-b border-b-yellow-400 bg-yellow-50 dark:bg-yellow-900 space-y-2.5 text-yellow-600">
+      <div className="flex items-center space-x-2">
+        <UserIcon className="w-5 h-5" />
+        <b>You don&apos;t have lens profile!</b>
+        <p className="text-sm leading-[22px]">
+          Claim your Lens profile to enjoy all features in Lens and {APP_NAME}
+        </p>
+        <span>—</span>
+        <div className="flex items-center space-x-1.5 text-sm font-bold">
+          <CursorClickIcon className="w-4 h-4" />
+          <a
+            href="https://claim.lens.xyz"
+            target="_blank"
+            rel="noreferrer noopener"
+          >
+            Cliam your profile here
+          </a>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ProfileWarning
diff --git a/src/components/Home/index.tsx b/src/components/Home/index.tsx
@@ -2,13 +2,14 @@ import { GridItemEight, GridItemFour, GridLayout } from '@components/GridLayout'
 import Announcement from '@components/Home/Announcement'
 import Footer from '@components/Shared/Footer'
 import PostsShimmer from '@components/Shared/Shimmer/PostsShimmer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { NextPage } from 'next'
 import dynamic from 'next/dynamic'
 import React from 'react'
 import { useAppPersistStore } from 'src/store/app'
 
 import Hero from './Hero'
+import ProfileWarning from './ProfileWarning'
 import RecommendedProfiles from './RecommendedProfiles'
 import SetDefaultProfile from './SetDefaultProfile'
 import SetProfile from './SetProfile'
@@ -22,12 +23,13 @@ const ExploreFeed = dynamic(() => import('@components/Explore/Feed'), {
 })
 
 const Home: NextPage = () => {
-  const { currentUser } = useAppPersistStore()
+  const { isConnected, currentUser } = useAppPersistStore()
 
   return (
     <>
-      <SEO />
-      {!currentUser && <Hero />}
+      <Seo />
+      {isConnected && !currentUser && <ProfileWarning />}
+      {!isConnected && <Hero />}
       <GridLayout>
         <GridItemEight className="space-y-5">
           {currentUser ? <HomeFeed /> : <ExploreFeed />}

diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
@@ -1,11 +1,11 @@
 import { FC } from 'react'
 
-import SEO from './utils/SEO'
+import Seo from './utils/Seo'
 
 const Loading: FC = () => {
   return (
     <div className="flex flex-grow justify-center items-center h-screen">
-      <SEO />
+      <Seo />
       <img
         className="w-28 h-28"
         height={112}

diff --git a/src/components/NFT/SingleNFT.tsx b/src/components/NFT/SingleNFT.tsx
@@ -31,6 +31,8 @@ const SingleNFT: FC<Props> = ({ nft }) => {
             </a>
           ) : (
             <iframe
+              title={`${nft.contractAddress}:${nft.tokenId}`}
+              sandbox=""
               className="w-full h-full sm:rounded-t-[10px]"
               src={nft?.originalContent?.animatedUrl}
             />

diff --git a/src/components/Notification/index.tsx b/src/components/Notification/index.tsx
@@ -1,4 +1,4 @@
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { LightningBoltIcon } from '@heroicons/react/outline'
 import { FC } from 'react'
 import { APP_NAME } from 'src/constants'
@@ -14,7 +14,7 @@ const Notification: FC = () => {
 
   return (
     <div className="flex flex-grow justify-center px-0 sm:px-6 lg:px-8 py-8">
-      <SEO title={`Notifications • ${APP_NAME}`} />
+      <Seo title={`Notifications • ${APP_NAME}`} />
       <div className="max-w-4xl w-full space-y-3">
         <div className="flex items-center space-x-2 px-5 sm:px-0">
           <LightningBoltIcon className="h-5 w-5" />

diff --git a/src/components/Pages/Contact.tsx b/src/components/Pages/Contact.tsx
@@ -6,7 +6,7 @@ import { EmptyState } from '@components/UI/EmptyState'
 import { Form, useZodForm } from '@components/UI/Form'
 import { Input } from '@components/UI/Input'
 import { TextArea } from '@components/UI/TextArea'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { PencilAltIcon } from '@heroicons/react/outline'
 import { CheckCircleIcon } from '@heroicons/react/solid'
 import { useRouter } from 'next/router'
@@ -35,7 +35,7 @@ const Contact: FC = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Contact • ${APP_NAME}`} />
+      <Seo title={`Contact • ${APP_NAME}`} />
       <GridItemFour>
         <SettingsHelper
           heading={`Contact ${APP_NAME}`}

diff --git a/src/components/Pages/Privacy.tsx b/src/components/Pages/Privacy.tsx
@@ -1,12 +1,12 @@
 import Footer from '@components/Shared/Footer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import React, { FC } from 'react'
 import { APP_NAME } from 'src/constants'
 
 const Privacy: FC = () => {
   return (
     <>
-      <SEO title={`Privacy • ${APP_NAME}`} />
+      <Seo title={`Privacy • ${APP_NAME}`} />
       <div
         className="flex justify-center items-center w-full h-48 bg-brand-400"
         data-test="privacy-content"

diff --git a/src/components/Pages/Thanks.tsx b/src/components/Pages/Thanks.tsx
@@ -1,5 +1,5 @@
 import Footer from '@components/Shared/Footer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { HeartIcon } from '@heroicons/react/outline'
 import { useTheme } from 'next-themes'
 import React, { FC, Fragment, ReactNode } from 'react'
@@ -44,7 +44,7 @@ const Brand: FC<Props> = ({ name, logo, url, size, children }) => {
 const Thanks: FC = () => {
   return (
     <>
-      <SEO title={`Thanks • ${APP_NAME}`} />
+      <Seo title={`Thanks • ${APP_NAME}`} />
       <div
         className="flex justify-center items-center w-full h-48 bg-brand-400"
         data-test="thanks-content"

diff --git a/src/components/Post/Actions/Menu/Permalink.tsx b/src/components/Post/Actions/Menu/Permalink.tsx
@@ -27,7 +27,6 @@ const Permalink: FC<Props> = ({ post }) => {
             'block px-4 py-1.5 text-sm m-2 rounded-lg cursor-pointer'
           )
         }
-        onClick={() => {}}
       >
         <div className="flex items-center space-x-2">
           <ClipboardCopyIcon className="w-4 h-4" />

diff --git a/src/components/Post/SinglePost.tsx b/src/components/Post/SinglePost.tsx
@@ -14,7 +14,6 @@ dayjs.extend(relativeTime)
 
 interface Props {
   post: LensterPost
-  clickable?: boolean
   showType?: boolean
   showActions?: boolean
 }
@@ -27,7 +26,7 @@ const SinglePost: FC<Props> = ({
   const postType = post?.metadata?.attributes[0]?.value
 
   return (
-    <Link href={`/posts/${post?.id ?? post?.pubId}`}>
+    <Link href={`/posts/${post?.id ?? post?.pubId}`} passHref>
       <article
         className="cursor-pointer first:rounded-t-xl last:rounded-b-xl hover:bg-gray-100/70 hover:dark:bg-gray-800/70 p-5"
         data-test="publication"

diff --git a/src/components/Post/ThreadBody.tsx b/src/components/Post/ThreadBody.tsx
@@ -21,7 +21,7 @@ const ThreadBody: FC<Props> = ({ post }) => {
       <div className="flex justify-between space-x-1.5">
         <UserProfile
           profile={
-            !!post?.collectedBy?.defaultProfile
+            post?.collectedBy?.defaultProfile
               ? post?.collectedBy?.defaultProfile
               : post?.__typename === 'Mirror'
               ? post?.mirrorOf?.profile

diff --git a/src/components/Post/index.tsx b/src/components/Post/index.tsx
@@ -4,7 +4,7 @@ import Footer from '@components/Shared/Footer'
 import PostsShimmer from '@components/Shared/Shimmer/PostsShimmer'
 import UserProfile from '@components/Shared/UserProfile'
 import { Card, CardBody } from '@components/UI/Card'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { LensterPost } from '@generated/lenstertypes'
 import { CommentFields } from '@gql/CommentFields'
 import { MirrorFields } from '@gql/MirrorFields'
@@ -100,7 +100,7 @@ const ViewPost: NextPage = () => {
 
   return (
     <GridLayout>
-      <SEO
+      <Seo
         title={`${post?.__typename} by @${post?.profile?.handle} • ${APP_NAME}`}
       />
       <GridItemEight className="space-y-5">

diff --git a/src/components/Profile/Badges/ENS.tsx → src/components/Profile/Badges/Ens.tsx b/src/components/Profile/Badges/ENS.tsx → src/components/Profile/Badges/Ens.tsx
@@ -7,7 +7,7 @@ interface Props {
   profile: Profile
 }
 
-const ENS: FC<Props> = ({ profile }) => {
+const Ens: FC<Props> = ({ profile }) => {
   if (!profile?.onChainIdentity?.ens?.name) return null
 
   return (
@@ -30,4 +30,4 @@ const ENS: FC<Props> = ({ profile }) => {
   )
 }
 
-export default ENS
+export default Ens
diff --git a/src/components/Profile/Badges/index.tsx b/src/components/Profile/Badges/index.tsx
@@ -1,7 +1,7 @@
 import { Profile } from '@generated/types'
 import React, { FC } from 'react'
 
-import ENS from './ENS'
+import Ens from './Ens'
 import ProofOfHumanity from './ProofOfHumanity'
 import Sybil from './Sybil'
 
@@ -22,7 +22,7 @@ const Badges: FC<Props> = ({ profile }) => {
       <div className="w-full divider" />
       <div className="flex flex-row gap-3">
         <ProofOfHumanity profile={profile} />
-        <ENS profile={profile} />
+        <Ens profile={profile} />
         <Sybil profile={profile} />
       </div>
     </>

diff --git a/src/components/Profile/index.tsx b/src/components/Profile/index.tsx
@@ -2,7 +2,7 @@ import { gql, useQuery } from '@apollo/client'
 import { GridItemEight, GridItemFour, GridLayout } from '@components/GridLayout'
 import NFTShimmer from '@components/Shared/Shimmer/NFTShimmer'
 import PostsShimmer from '@components/Shared/Shimmer/PostsShimmer'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import Logger from '@lib/logger'
 import { NextPage } from 'next'
 import dynamic from 'next/dynamic'
@@ -116,9 +116,9 @@ const ViewProfile: NextPage = () => {
   return (
     <>
       {profile?.name ? (
-        <SEO title={`${profile?.name} (@${profile?.handle}) • ${APP_NAME}`} />
+        <Seo title={`${profile?.name} (@${profile?.handle}) • ${APP_NAME}`} />
       ) : (
-        <SEO title={`@${profile?.handle} • ${APP_NAME}`} />
+        <Seo title={`@${profile?.handle} • ${APP_NAME}`} />
       )}
       <Cover cover={profile?.coverPicture?.original?.url} />
       <GridLayout className="pt-6">

diff --git a/src/components/Report/index.tsx b/src/components/Report/index.tsx
@@ -11,7 +11,7 @@ import { ErrorMessage } from '@components/UI/ErrorMessage'
 import { Form, useZodForm } from '@components/UI/Form'
 import { Spinner } from '@components/UI/Spinner'
 import { TextArea } from '@components/UI/TextArea'
-import SEO from '@components/utils/SEO'
+import Seo from '@components/utils/Seo'
 import { PencilAltIcon } from '@heroicons/react/outline'
 import { CheckCircleIcon } from '@heroicons/react/solid'
 import Logger from '@lib/logger'
@@ -93,7 +93,7 @@ const Report: FC = () => {
 
   return (
     <GridLayout>
-      <SEO title={`Report • ${APP_NAME}`} />
+      <Seo title={`Report • ${APP_NAME}`} />
       <GridItemFour>
         <SettingsHelper
           heading="Report publication"