{info.row.original.description}
),
},
{
accessorKey: "price",
header: "Price",
accessorFn: (originalRow) =>
`$${parseFloat(originalRow.price).toFixed(2)}`,
},
{
accessorKey: "before_count",
header: "Count",
},
{
accessorKey: "images",
header: "Images",
cell: (info: CellContext
{(info.getValue() as Image[])
.slice(0, 3)
.map((image, index) => (
![]()
setEnlargedImage(image)}
key={image.image_id}
src={image.url_path}
alt={info.row.original.name}
className={twMerge(
"h-10 w-10 rounded-md border-2 border-white object-cover",
)}
style={{
marginLeft: index === 0 ? 0 : "-1.5rem",
}}
/>
))}
),
},
{
accessorKey: "category",
header: "Category",
},
{
accessorKey: "id",
header: "",
cell: ({ row }: CellContext
{props.children}
{props.children}
{/* handleDrop(acceptedFiles)}
accept={{
"image/png": [".png"],
"image/jpeg": [".jpg"],
"image/heic": [".heic"],
"video/mp4": [".mp4"],
"video/quicktime": [".mov"],
}}
>
{({ getRootProps, getInputProps }) => (
Upload Media
*/} {/* two tabs called "inventory" and "for claims" */} {/* the selected one is black background white text */} {/* the background should slide between the two options, like a pill */}
{/* Sliding background */}
{/* Inventory Button */}
{/* For Claims Button */}
{files.length === 0 && (
<>
Upload photos and videos
.png, .jpg, .heic, .mp4, .mov
)} {files.length > 0 && (
{files.map((file, i) => (
[truncated — 1316 more characters]
```
### ch24-client/src/app/home/page.tsx
```typescript
"use client"
import ImageDialog from "@/components/ImageDialog"
import { ItemsTable } from "@/components/items-table"
import { Checkbox } from "@/components/ui/checkbox"
import { fixBoolean } from "@/lib/misc"
import { Image, Item, UploadSessionResponse } from "@/lib/types"
import {
CellContext,
ColumnDef,
getCoreRowModel,
useReactTable,
} from "@tanstack/react-table"
import { useSearchParams } from "next/navigation"
import { useEffect, useMemo, useRef, useState } from "react"
import { twMerge } from "tailwind-merge"
interface Props {}
const page = (props: Props) => {
const before = useSearchParams().get("before") === "true"
const [loading, setLoading] = useState(true)
const processing = useRef(true)
const [response, setResponse] = useState(null)
const [enlargedImage, setEnlargedImage] = useState(null)
const [enlargedRow, setEnlargedRow] = useState- (null)
const itemColumns = useMemo(() => {
const itemsColumns: ColumnDef
- [] = [
{
accessorKey: "name",
header: "Name",
},
{
accessorKey: "description",
header: "Description",
cell: (info: CellContext
) => (
) => (
) => (
e.stopPropagation()}
className="mr-4 h-6 w-6"
checked={row.getIsSelected()}
onCheckedChange={row.getToggleSelectedHandler()}
/>
),
},
]
return itemsColumns
}, [response])
const items = useMemo(() => {
// filter items based on before
let data = response?.items ?? []
console.log("data", data)
if (before) {
console.log("filtering")
// only show rows that have an image with status pending
data = data.filter((item) =>
item.images.some((image) => image.status === "pending"),
)
// only show images with status pending
data.forEach((item) => {
item.images = item.images.filter(
(image) => image.status === "pending",
)
})
} else {
// only show rows that have an image with status pending and before is false
data = data.filter((item) =>
item.images.some(
(image) =>
image.status === "pending" && !fixBoolean(image.before),
),
)
// // only show images with status pending and before is false
// data.forEach((item) => {
// item.images = item.images.filter(
// (image) => image.status === "pending" && !image.before,
// )
// })
}
console.log("data", data)
return data
}, [before, response])
const table = useReactTable({
data: items,
columns: itemColumns,
getCoreRowModel: getCoreRowModel(),
getRowId: (row) => row.id,
enableRowSelection: true,
enableMultiRowSelection: true,
})
useEffect(() => {
// fetch example.com/upload/${uploadId}
// if successful, set loading to false
// if response.processing is true, set processing to true
// if not, set processing to false
// if not, show error
function fetchData() {
fetch(
`${process.env.NEXT_PUBLIC_BASE_URL}/inventory?status=inventory&before=true`,
{
headers: {
"ngrok-skip-browser-warning": "true",
},
},
)
.then((response) => response.json())
.then((data) => {
setLoading(false)
processing.current = data.processing
setResponse(data)
console.log("da
[truncated — 3464 more characters]
```
### agent.py
```python
import time
from typing import Any, Dict
from uagents import Agent, Context, Model
class Response(Model):
timestamp: int
text: str
agent_address: str
# You can also use empty models to represent empty request/response bodies
class EmptyMessage(Model):
pass
agent = Agent(name="Rest API")
@agent.on_rest_get("/rest/get", Response)
async def handle_get(ctx: Context) -> Dict[str, Any]:
ctx.logger.info("Received GET request")
return {
"timestamp": int(time.time()),
"text": "Hello from the GET handler!",
"agent_address": ctx.agent.address,
}
if __name__ == "__main__":
agent.run()
```
[38 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]
{info.row.original.description}
),
},
{
accessorKey: "price",
header: "Price",
accessorFn: (originalRow) =>
`$${parseFloat(originalRow.price).toFixed(2)}`,
},
{
accessorKey: "before_count",
header: "Count",
},
{
accessorKey: "images",
header: "Images",
cell: (info: CellContext
{(info.getValue() as Image[])
.slice(0, 3)
.map((image, index) => (
![]()
setEnlargedImage(image)}
key={image.image_id}
src={image.url_path}
alt={info.row.original.name}
className={twMerge(
"h-10 w-10 rounded-md border-2 border-white object-cover",
)}
style={{
marginLeft: index === 0 ? 0 : "-1.5rem",
}}
/>
))}
),
},
{
accessorKey: "category",
header: "Category",
},
{
accessorKey: "id",
header: "",
cell: ({ row }: CellContext