Disable ordering when state is 4 (#1746)

* fix state 4

* update var name

* fix typo

src/@context/Asset.tsx

@@ -76,8 +76,7 @@ function AssetProvider({
         LoggerInstance.error(`[asset] Failed getting asset for ${did}`, asset)
         return
       }
-
-      if (asset.nft.state) {
+      if (asset.nft.state !== 0 && asset.nft.state !== 4) {
         // handle nft states as documented in https://docs.oceanprotocol.com/concepts/did-ddo/#state
         let state
         switch (asset.nft.state) {

src/components/Asset/AssetActions/Download.tsx

@@ -45,11 +45,15 @@ export default function Download({
   const [isPriceLoading, setIsPriceLoading] = useState(false)
   const [isOwned, setIsOwned] = useState(false)
   const [validOrderTx, setValidOrderTx] = useState('')
+  const [isOrderDisabled, setIsOrderDisabled] = useState(false)
   const [orderPriceAndFees, setOrderPriceAndFees] =
     useState<OrderPriceAndFees>()
 
   const isUnsupportedPricing = asset?.accessDetails?.type === 'NOT_SUPPORTED'
 
+  useEffect(() => {
+    Number(asset?.nft.state) === 4 && setIsOrderDisabled(true)
+  }, [asset?.nft.state])
   useEffect(() => {
     if (!asset?.accessDetails || isUnsupportedPricing) return
 
@@ -183,6 +187,14 @@ export default function Download({
   const AssetAction = ({ asset }: { asset: AssetExtended }) => {
     return (
       <div>
+        {isOrderDisabled ? (
+          <Alert
+            className={styles.fieldWarning}
+            state="info"
+            text={`The publisher temporarily disabled ordering for this asset`}
+          />
+        ) : (
+          <>
             {isUnsupportedPricing ? (
               <Alert
                 className={styles.fieldWarning}
@@ -205,6 +217,8 @@ export default function Download({
                 {!isInPurgatory && <PurchaseButton />}
               </>
             )}
+          </>
+        )}
       </div>
     )
   }