diff --git a/ui/src/app.tsx b/ui/src/app.tsx
index 303cc4e..e2aec21 100644
--- a/ui/src/app.tsx
+++ b/ui/src/app.tsx
@@ -1,31 +1,31 @@
-import { HashRouter, Route, Routes, Navigate } from 'react-router-dom';
-import { themeGlobals } from '@/theme/globals';
-import { ComponentsTest, Home, Mint } from './views';
-import { ConnectKitButton } from 'connectkit';
-import { MintTest } from './views/mint-test';
-import { ToastProvider } from './components';
-import { CreateAP } from './views/access-point';
-
-export const App = () => {
- themeGlobals();
- return (
- <>
-
- {/* TODO remove after adding NavBar */}
-
-
-
-
-
- } />
- } />
- } />
- {/** TODO remove for release */}
- } />
- } />
- } />
-
-
-
- );
-};
+import { HashRouter, Route, Routes, Navigate } from 'react-router-dom';
+import { themeGlobals } from '@/theme/globals';
+import { ComponentsTest, Home, Mint } from './views';
+import { ConnectKitButton } from 'connectkit';
+import { MintTest } from './views/mint-test';
+import { ToastProvider } from './components';
+import { CreateAP } from './views/access-point';
+
+export const App = () => {
+ themeGlobals();
+ return (
+ <>
+
+ {/* TODO remove after adding NavBar */}
+
+
+
+
+
+ } />
+ } />
+ } />
+ {/** TODO remove for release */}
+ } />
+ } />
+ } />
+
+
+
+ );
+};
diff --git a/ui/src/constants/env.ts b/ui/src/constants/env.ts
index 12ba134..95a983f 100644
--- a/ui/src/constants/env.ts
+++ b/ui/src/constants/env.ts
@@ -16,4 +16,7 @@ export const env = Object.freeze({
appId: import.meta.env.VITE_FIREBASE_APP_ID || '',
measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID || '',
},
+ twitter: {
+ url: import.meta.env.VITE_TWITTER_URL || '',
+ },
});
diff --git a/ui/src/views/home/nfa-list/nfa-list.tsx b/ui/src/views/home/nfa-list/nfa-list.tsx
index f8ea498..f8c879a 100644
--- a/ui/src/views/home/nfa-list/nfa-list.tsx
+++ b/ui/src/views/home/nfa-list/nfa-list.tsx
@@ -1,10 +1,12 @@
-import { lastMintsPaginatedDocument, totalTokensDocument } from '@/graphclient';
-import { Button, Card, Flex, NoResults } from '@/components';
-import { FleekERC721 } from '@/integrations/ethereum/contracts';
+/* eslint-disable react/react-in-jsx-scope */
import { useQuery } from '@apollo/client';
import { useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
+import { Button, Card, Flex, NoResults } from '@/components';
+import { lastMintsPaginatedDocument, totalTokensDocument } from '@/graphclient';
+import { FleekERC721 } from '@/integrations/ethereum/contracts';
+
const pageSize = 10; //Set this size to test pagination
export const NFAList = () => {
@@ -65,15 +67,19 @@ export const NFAList = () => {
Next page
-
+
{dataMintedTokens && dataMintedTokens.newMints.length > 0 ? (
dataMintedTokens.newMints.map((mint) => (
-
+
Open NFA on Opensea
@@ -84,7 +90,7 @@ export const NFAList = () => {
) : (
)}
-
+