feat: add EoaOwnershipCondition check

apps/web/src/components/Publication/EncryptedPublication/Criteria/ProfileOwnershipCondition copy.tsx

@@ -0,0 +1,33 @@
+import type { FC } from 'react';
+
+import { EoaOwnershipCondition } from '@hey/lens';
+import formatAddress from '@hey/lib/formatAddress';
+import { Tooltip } from '@hey/ui';
+import useEnsName from 'src/hooks/useEnsName';
+
+interface EoaOwnershipConditionProps {
+  condition: EoaOwnershipCondition;
+}
+
+const EoaOwnershipCondition: FC<EoaOwnershipConditionProps> = ({
+  condition
+}) => {
+  const { ens } = useEnsName({
+    address: condition.address,
+    enabled: Boolean(condition.address)
+  });
+  const ensName = condition.address === ens ? null : ens;
+
+  return (
+    <div className="flex items-center space-x-2">
+      <div>Must own the EVM Address:</div>
+      <div>
+        <Tooltip content={condition.address}>
+          {formatAddress(condition.address)} {ensName ? `(${ensName})` : null}
+        </Tooltip>
+      </div>
+    </div>
+  );
+};
+
+export default EoaOwnershipCondition;

apps/web/src/components/Publication/EncryptedPublication/Criteria/SecondTierCondition/index.tsx

@@ -11,6 +11,8 @@ interface SecondTierConditionProps {
 const SecondTierCondition: FC<SecondTierConditionProps> = ({ condition }) => {
   return (
     <div>
+      <ThirdTierCondition condition={condition as ThirdTierCondition} />
+
       {condition.__typename === 'AndCondition' ? (
         <div className="space-y-3">
           <div className="font-bold">

apps/web/src/components/Publication/EncryptedPublication/Criteria/ThirdTierCondition/index.tsx

@@ -3,6 +3,7 @@ import type { FC } from 'react';
 import { ThirdTierCondition } from '@hey/lens';
 
 import ProfileOwnershipCondition from '../ProfileOwnershipCondition';
+import EoaOwnershipCondition from '../ProfileOwnershipCondition copy';
 
 interface ThirdTierConditionProps {
   condition: ThirdTierCondition;
@@ -14,6 +15,9 @@ const ThirdTierCondition: FC<ThirdTierConditionProps> = ({ condition }) => {
       {condition.__typename === 'ProfileOwnershipCondition' ? (
         <ProfileOwnershipCondition condition={condition} />
       ) : null}
+      {condition.__typename === 'EoaOwnershipCondition' ? (
+        <EoaOwnershipCondition condition={condition} />
+      ) : null}
       {condition.__typename === 'NftOwnershipCondition' ? (
         <div>{condition.contract.address}</div>
       ) : null}

apps/web/src/components/Publication/EncryptedPublication/Criteria/index.tsx

@@ -14,13 +14,9 @@ const Criteria: FC<CriteriaProps> = ({ accessCondition }) => {
     return null;
   }
 
-  return (
-    <div>
-      {accessCondition?.criteria.map((criterion) => (
-        <SecondTierCondition condition={criterion} key={criterion.__typename} />
-      ))}
-    </div>
-  );
+  return accessCondition?.criteria.map((criterion) => (
+    <SecondTierCondition condition={criterion} key={criterion.__typename} />
+  ));
 };
 
 export default Criteria;