Function useAssetsBySchema

Custom React hook to fetch and manage assets specific to a schema.

This hook is a wrapper around useAssets, pre-configured to fetch assets for a specific schema by providing the schemaId parameter.

Example

import { useAssetsBySchema } from 'react-playmakers';

const AssetsComponent = () => {
  // Using the hook to fetch and display schema-specific assets
  const { assets, fetched, hasMore, fetchMore, refresh } = useAssetsBySchema("sXXXXXXXX",
{ tags: ["vehicle", "3D model"], limit: 10 });

  // Side effect to log fetching status
  useEffect(() => {
    if (!fetched) {
      console.log("Fetching schema assets...");
    }
  }, [fetched]);

  return (
    <div>
      <h1>Assets List</h1>
      {assets.length > 0 ? (
        assets.map(asset => (
          <div key={asset.id}>
            <p>{asset.name}</p>
            <button onClick={() => asset.delete()}>Delete</button>
          </div>
        ))
      ) : (
        <p>No assets available.</p>
      )}
      {hasMore && <button onClick={() => fetchMore()}>Load More</button>}

      <button onClick={refresh}>Refresh</button>
    </div>
  );
};

export default AssetsComponent;
Copy