UI Done

Author: Shritesh99

.github/workflows/basic.yaml

@@ -0,0 +1,23 @@
+name: Srtool build
+
+on: push
+
+jobs:
+     srtool:
+          runs-on: ubuntu-latest
+          strategy:
+               matrix:
+                    chain: ["asset-hub-kusama", "asset-hub-westend"]
+          steps:
+               - uses: actions/checkout@v3
+               - name: Srtool build
+                 id: srtool_build
+                 uses: chevdor/srtool-actions@v0.8.0
+                 with:
+                      chain: ${{ matrix.chain }}
+                      runtime_dir: polkadot-parachains/${{ matrix.chain }}-runtime
+               - name: Summary
+                 run: |
+                      echo '${{ steps.srtool_build.outputs.json }}' | jq . > ${{ matrix.chain }}-srtool-digest.json
+                      cat ${{ matrix.chain }}-srtool-digest.json
+                      echo "Runtime location: ${{ steps.srtool_build.outputs.wasm }}"

Cargo.lock

@@ -14,8 +14,8 @@ members = [
 resolver = "2"
 
 [workspace.dependencies]
-solochain-template-runtime = { path = "./runtime", default-features = false }
-pallet-template = { path = "./pallets/template", default-features = false }
+solochain-template-runtime = { path = "./runtime", default-features = false, package="Polkadot-NFT-Farcaster-Frames-Runtime" }
+pallet-template = { path = "./pallets/template", default-features = false, package="pallet-nft-farcaster-frames" }
 clap = { version = "4.5.13" }
 frame-benchmarking-cli = { version = "46.0.0", default-features = false }
 frame-metadata-hash-extension = { version = "0.7.0", default-features = false }
@@ -72,5 +72,4 @@ sp-storage = { version = "22.0.0", default-features = false }
 sp-transaction-pool = { version = "35.0.0", default-features = false }
 sp-version = { version = "38.0.0", default-features = false }
 substrate-wasm-builder = { version = "25.0.0", default-features = false }
-sp-std = { version = "14.0.0", default-features = false }
-pallet-farcaster_frame = { version = "0.0.5", default-features = false}
+sp-std = { version = "14.0.0", default-features = false }

Cargo.toml

@@ -0,0 +1,18 @@
+{
+	"accountAssociation": {
+		"header": "eyJmaWQiOjQwMDcxMywidHlwZSI6ImN1c3RvZHkiLCJrZXkiOiIweDFkNDAxYTUyMzcxOWM1OGFhN2JhYTIzYjYxNTg3YzEyMGJkZDgxY2YifQ",
+		"payload": "eyJkb21haW4iOiJsb2NhbGhvc3Q6MzAwMCJ9",
+		"signature": ""
+	},
+	"frame": {
+		"name": "Polkadot NFT Demo",
+		"version": "1",
+		"iconUrl": "http://localhost:3000/icon.png",
+		"homeUrl": "http://localhost:3000",
+		"imageUrl": "http://localhost:3000/image.png",
+		"buttonTitle": "Polkadot NFT",
+		"splashImageUrl": "http://localhost:3000/splash.png",
+		"splashBackgroundColor": "#000",
+		"webhookUrl": "http://localhost:3000/api/webhook"
+	}
+}

chain_spec.json

@@ -28,7 +28,7 @@ interface Collection {
 interface NFTData {
 	owner: string;
 	metadata: string;
-	is_sold: boolean;
+	isSold: boolean;
 }
 
 interface CollectionData {
@@ -47,7 +47,7 @@ interface NFT {
 		image: string;
 	};
 	owner: string;
-	is_sold: boolean;
+	isSold: boolean;
 }
 
 export const CollectionManager: React.FC<CollectionManagerProps> = ({
@@ -169,7 +169,7 @@ export const CollectionManager: React.FC<CollectionManagerProps> = ({
 							id: itemId,
 							metadata,
 							owner: nftData.owner,
-							is_sold: nftData.is_sold,
+							isSold: nftData.isSold,
 						};
 					} catch (error) {
 						console.error(
@@ -382,7 +382,7 @@ export const CollectionManager: React.FC<CollectionManagerProps> = ({
 														</p>
 														<p className="text-xs text-gray-500">
 															Status:{" "}
-															{!nft.is_sold
+															{!nft.isSold
 																? "Sold"
 																: "Available"}
 														</p>

frontend/public/.well-known/farcaster.json

@@ -41,6 +41,22 @@ export const Demo: React.FC<DemoProps> = ({ setConnectModalOpen }) => {
 			toast.error(walletError.message);
 		}
 	}, [walletError]);
+
+	if (!isSDKLoaded) {
+		return (
+			<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center">
+				<div className="text-center">
+					<h2 className="text-3xl font-bold text-gray-900 mb-4">
+						Loading...
+					</h2>
+					<p className="text-gray-600">
+						Please wait while we load the SDK
+					</p>
+				</div>
+			</div>
+		);
+	}
+
 	if (!selectedWallet) {
 		return (
 			<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center">

frontend/src/components/CollectionManager.tsx

@@ -237,7 +237,7 @@ export const NFTMarketplace: React.FC<NFTMarketplaceProps> = ({
 						</div>
 						<div className="p-4">
 							<h3 className="text-lg font-semibold text-gray-900 mb-2">
-								{`${nft.metadata.title} ${nft.isSold}` ||
+								{`${nft.metadata.title}` ||
 									`NFT #${nft.id}`}
 							</h3>
 							<p className="text-sm text-gray-600 mb-4">

frontend/src/components/Demo.tsx

@@ -72,7 +72,7 @@ export default function Provider({ children }: { children: React.ReactNode }) {
 	);
 	const walletAggregator = new WalletAggregator([
 		injectedWalletProvider,
-		// walletConnectProvider,
+		walletConnectProvider,
 	]);
 
 	return (

frontend/src/components/NFTMarketplace.tsx

@@ -160,7 +160,7 @@ export const UserDashboard: React.FC<UserDashboardProps> = ({
 						</div>
 						<div className="p-4">
 							<h3 className="text-lg font-semibold text-gray-900 mb-2">
-								{`${nft.metadata.title} ${nft.isSold}` ||
+								{`${nft.metadata.title}` ||
 									`NFT #${nft.id}`}
 							</h3>
 							<p className="text-sm text-gray-600 mb-4">