uqbar-dao/nectar
1
1
Fork 0
mirror of https://github.com/uqbar-dao/nectar.git synced 2024-11-30 01:44:58 +03:00
Code Issues Packages Projects Releases Wiki Activity

app_store UI: publish page fix

Browse Source
This commit is contained in:
bitful-pannul 2024-08-14 15:56:44 +03:00
parent 29d30d7c32
commit fa93d77616
2 changed files with 15 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
kinode/packages/app_store/ui/src/pages/PublishPage.tsx
View File

@ -1,17 +1,16 @@
import React, { useState, useCallback, FormEvent, useEffect } from "react"; import React, { useState, useCallback, FormEvent, useEffect } from "react";
import { useLocation } from "react-router-dom"; import { Link, useLocation } from "react-router-dom";
import { useAccount, useWriteContract, useWaitForTransactionReceipt, usePublicClient } from 'wagmi' import { useAccount, useWriteContract, useWaitForTransactionReceipt, usePublicClient } from 'wagmi'
import { ConnectButton, useConnectModal } from '@rainbow-me/rainbowkit'; import { ConnectButton, useConnectModal } from '@rainbow-me/rainbowkit';
import { keccak256, toBytes } from 'viem'; import { keccak256, toBytes } from 'viem';
import { mechAbi, KINOMAP, encodeIntoMintCall, encodeMulticalls, kinomapAbi, MULTICALL } from "../abis"; import { mechAbi, KINOMAP, encodeIntoMintCall, encodeMulticalls, kinomapAbi, MULTICALL } from "../abis";
import { kinohash } from '../utils/kinohash'; import { kinohash } from '../utils/kinohash';
import useAppsStore from "../store"; import useAppsStore from "../store";
import { AppInfo } from "../types/Apps";
export default function PublishPage() { export default function PublishPage() {
const { state } = useLocation(); const { state } = useLocation();
const { openConnectModal } = useConnectModal(); const { openConnectModal } = useConnectModal();
const { apps } = useAppsStore(); const { ourApps, fetchOurApps } = useAppsStore();
const publicClient = usePublicClient(); const publicClient = usePublicClient();
const { address, isConnected, isConnecting } = useAccount(); const { address, isConnected, isConnecting } = useAccount();
@ -25,21 +24,11 @@ export default function PublishPage() {
const [publisherId, setPublisherId] = useState<string>(window.our?.node || ""); const [publisherId, setPublisherId] = useState<string>(window.our?.node || "");
const [metadataUrl, setMetadataUrl] = useState<string>(""); const [metadataUrl, setMetadataUrl] = useState<string>("");
const [metadataHash, setMetadataHash] = useState<string>(""); const [metadataHash, setMetadataHash] = useState<string>("");
const [myPublishedApps, setMyPublishedApps] = useState<AppInfo[]>([]);
useEffect(() => { useEffect(() => {
const app: AppInfo | undefined = state?.app; fetchOurApps();
if (app) { }, [fetchOurApps]);
setPackageName(app.package);
setPublisherId(app.publisher);
}
}, [state])
// useEffect(() => {
// setMyPublishedApps(
// apps.filter((app) => app.publisher?.toLowerCase() === window.our.node?.toLowerCase())
// );
// }, [apps, address])
const calculateMetadataHash = useCallback(async () => { const calculateMetadataHash = useCallback(async () => {
if (!metadataUrl) { if (!metadataUrl) {
@ -261,12 +250,15 @@ export default function PublishPage() {
<div className="my-packages"> <div className="my-packages">
<h2>Packages You Own</h2> <h2>Packages You Own</h2>
{myPublishedApps.length > 0 ? ( {ourApps.length > 0 ? (
<ul> <ul>
{myPublishedApps.map((app) => ( {ourApps.map((app) => (
<li key={`${app.package}${app.publisher}`}> <li key={`${app.package_id.package_name}:{app.package_id.publisher_node}`}>
<span>{app.package}</span> <Link to={`/app/${app.package_id.package_name}:${app.package_id.publisher_node}`} className="app-name">
<button onClick={() => unpublishPackage(app.package, app.publisher)}> {app.metadata?.name || app.package_id.package_name}
</Link>
<button onClick={() => unpublishPackage(app.package_id.package_name, app.package_id.publisher_node)}>
Unpublish Unpublish
</button> </button>
</li> </li>

6
kinode/packages/app_store/ui/src/store/index.ts
View File

@ -77,7 +77,6 @@ const useAppsStore = create<AppsStore>()(
const res = await fetch(`${BASE_URL}/apps`) const res = await fetch(`${BASE_URL}/apps`)
if (res.status === HTTP_STATUS.OK) { if (res.status === HTTP_STATUS.OK) {
const data = await res.json() const data = await res.json()
console.log('listings', data)
set({ listings: data.apps || [] }) set({ listings: data.apps || [] })
} }
}, },
@ -114,9 +113,10 @@ const useAppsStore = create<AppsStore>()(
fetchOurApps: async () => { fetchOurApps: async () => {
const res = await fetch(`${BASE_URL}/ourapps`) const res = await fetch(`${BASE_URL}/ourapps`)
if (res.status === HTTP_STATUS.OK) { if (res.status === HTTP_STATUS.OK) {
const ourApps = await res.json() const data = await res.json()
set({ ourApps }) set({ ourApps: data.apps || [] })
} }
}, },