+
);
};
diff --git a/src/pages/Create.js b/src/pages/Create.js
index 299f337..b35fa9a 100644
--- a/src/pages/Create.js
+++ b/src/pages/Create.js
@@ -1,4 +1,4 @@
-import react, { useEffect } from "react";
+import react, { useEffect ,useState} from "react";
import Accordion from "../components/base/Accordion";
import AccordionHeader from "../components/base/AccordionHeader";
import Button from "../components/base/Button";
@@ -11,10 +11,36 @@ import { Colors } from "../constants/Colors";
import {AiOutlineSearch} from 'react-icons/ai';
import Header from "../components/Header";
import { useEthers, useEtherBalance } from "@usedapp/core";
+import { FaEthereum } from "react-icons/fa";
+import '../styles/Create.css'
+import nft from '../assets/nft.jpg'
+import nft2 from '../assets/nft2.jpg'
+import { AiOutlineHeart, AiFillHeart } from "react-icons/ai";
+import { useARStatus } from "../hooks/isARStatus";
-const Create = () => {
+
+
+const Create = ({onClick}) => {
const {activateBrowserWallet, account} = useEthers();
const etherBalance = useEtherBalance(account);
+ const [isLike, setIsLike] = useState(false);
+ const [colors, setColors] = useState([]);
+ const [likeCount,setLikeCount]=useState(0)
+
+
+
+ const like = () => setIsLike(!isLike);
+
+ const toggleLike = () => {
+ if (isLike) {
+ setLikeCount(likeCount - 1);
+ } else {
+ setLikeCount(likeCount + 1);
+ }
+ setIsLike(!isLike);
+
+ like()
+ };
useEffect(()=>{
activateBrowserWallet();
@@ -23,6 +49,77 @@ const Create = () => {
return (
<>
@@ -54,21 +42,36 @@ const NFTDetail = () => {
height={isMobile ? "700px" : "60vh"}
blurColor={colors[0]}
child={
- //Detail Content
+ // Detail Content
- {isARSupport ?
- : <>
- 
- }
-
+ {isARSupport ? (
+
+
+ ) : (
+ <>
+
+
+
+
+ )}
+
-
+
{state.item.name}
{state.item.name}
-
{state.item.description}
-
+
{state.item.description}
-
}
>
-
-
-
123
-
}
/>
-
+ 
+