{pageTitle}
-
- 
+
+ {isAnimated && <>{animation}}
+
{pageSubtitle && dataNftCount ? (
diff --git a/src/components/Layout/Navbar.tsx b/src/components/Layout/Navbar.tsx
index df643515..a546bde9 100644
--- a/src/components/Layout/Navbar.tsx
+++ b/src/components/Layout/Navbar.tsx
@@ -61,8 +61,8 @@ export const Navbar = () => {
- Itheum
- Explorer
+ Itheum
+ Explorer
@@ -71,7 +71,7 @@ export const Navbar = () => {
+ className={navigationMenuTriggerStyle() + "dark:text-white dark:hover:!text-white text-black hover:!text-black !no-underline px-4"}>
Home
@@ -88,8 +88,8 @@ export const Navbar = () => {
"block select-none space-y-1 rounded-md p-3 leading-none !no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
}>
-
))}
diff --git a/src/libComponents/NavigationMenu.tsx b/src/libComponents/NavigationMenu.tsx
index 411474f9..8f5e9efe 100644
--- a/src/libComponents/NavigationMenu.tsx
+++ b/src/libComponents/NavigationMenu.tsx
@@ -47,7 +47,7 @@ const NavigationMenuContent = React.forwardRef<
{
const [isFetchingDataMarshal, setIsFetchingDataMarshal] = useState(true);
const [owned, setOwned] = useState(false);
const [viewDataRes, setViewDataRes] = useState();
- const [isModalOpened, setIsModalOpened] = useState(false);
const [currentIndex, setCurrentIndex] = useState(-1);
const [dataMarshalResponse, setDataMarshalResponse] = useState({ "data_stream": {}, "data": [] });
+ const imgAnimation = useMemo(
+ () => (
+
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 58c7285a..1471dab2 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -6,6 +6,8 @@ import { APP_MAPPINGS } from "libs/utils/constant";
import { routeNames } from "routes";
import { HeaderComponent } from "../components/Layout/HeaderComponent";
import { Button } from "../libComponents/Button";
+import disk from "../assets/img/nf-tunes-logo-disk.png";
+import stick from "../assets/img/nf-tunes-logo-stick.png";
export function returnRoute(routeKey: string) {
return (routeNames as any)[routeKey];
@@ -16,7 +18,7 @@ const HomePage = () => {
{APP_MAPPINGS.filter((app) => SUPPORTED_APPS.includes(app.routeKey)).map((item) => (
{item.appName}
- {item?.appDescription}
+{item.appName}
+ {item?.appDescription}
+ 
+ 
+
+ ),
+ []
+ );
+
useEffect(() => {
if (!hasPendingTransactions) {
fetchDataNfts();
@@ -54,15 +61,6 @@ export const NFTunes = () => {
}
}, [isLoading, address]);
- function openModal() {
- setIsModalOpened(true);
- }
-
- function closeModal() {
- setIsModalOpened(false);
- setViewDataRes(undefined);
- }
-
///get the nfts that are able to open nfTunes app
async function fetchDataNfts() {
setIsLoading(true);
@@ -100,7 +98,6 @@ export const NFTunes = () => {
if (_owned) {
setIsFetchingDataMarshal(true);
- openModal();
const dataNft = dataNfts[index];
let res: any;
@@ -138,13 +135,10 @@ export const NFTunes = () => {
setViewDataRes(viewDataPayload);
setIsFetchingDataMarshal(false);
- } else {
- openModal();
}
} catch (err) {
console.error(err);
toastError((err as Error).message);
- closeModal();
setIsFetchingDataMarshal(false);
}
}
@@ -152,8 +146,10 @@ export const NFTunes = () => {
return (
-
+
