From f279be896efc90949ae9d350f49dc766c914a6fc Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Thu, 6 Mar 2025 16:58:25 +0100
Subject: [PATCH 1/5] storybook: add Book and Review entities

---
 api/migrations/Version20250306152729.php | 37 +++++++++++++++
 api/src/Entity/Book.php                  | 58 ++++++++++++++++++++++++
 api/src/Entity/Review.php                | 49 ++++++++++++++++++++
 3 files changed, 144 insertions(+)
 create mode 100644 api/migrations/Version20250306152729.php
 create mode 100644 api/src/Entity/Book.php
 create mode 100644 api/src/Entity/Review.php

diff --git a/api/migrations/Version20250306152729.php b/api/migrations/Version20250306152729.php
new file mode 100644
index 00000000..fd915fce
--- /dev/null
+++ b/api/migrations/Version20250306152729.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20250306152729 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TABLE book (id INT GENERATED BY DEFAULT AS IDENTITY NOT NULL, isbn VARCHAR(255) DEFAULT NULL, title VARCHAR(255) NOT NULL, description TEXT NOT NULL, author VARCHAR(255) NOT NULL, publication_date TIMESTAMP(0) WITHOUT TIME ZONE NOT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE TABLE review (id INT GENERATED BY DEFAULT AS IDENTITY NOT NULL, rating SMALLINT NOT NULL, body TEXT NOT NULL, author VARCHAR(255) NOT NULL, publication_date TIMESTAMP(0) WITHOUT TIME ZONE NOT NULL, book_id INT DEFAULT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE INDEX IDX_794381C616A2B381 ON review (book_id)');
+        $this->addSql('ALTER TABLE review ADD CONSTRAINT FK_794381C616A2B381 FOREIGN KEY (book_id) REFERENCES book (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE review DROP CONSTRAINT FK_794381C616A2B381');
+        $this->addSql('DROP TABLE book');
+        $this->addSql('DROP TABLE review');
+    }
+}
diff --git a/api/src/Entity/Book.php b/api/src/Entity/Book.php
new file mode 100644
index 00000000..22191ed6
--- /dev/null
+++ b/api/src/Entity/Book.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Entity;
+
+use ApiPlatform\Metadata\ApiResource;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Validator\Constraints as Assert;
+use Doctrine\Common\Collections\ArrayCollection;
+
+
+#[ApiResource]
+#[ORM\Entity]
+class Book
+{
+    /** The ID of this book */
+    #[ORM\Id]
+    #[ORM\Column]
+    #[ORM\GeneratedValue]
+    private ?int $id = null;
+
+    /** The ISBN of this book (or null if doesn't have one) */
+    #[ORM\Column(nullable: true)]
+    public ?string $isbn = null;
+
+    /** The title of this book */
+    #[ORM\Column]
+    #[Assert\NotBlank]
+    public string $title = '';
+
+    /** The description of this book */
+    #[ORM\Column(type: 'text')]
+    #[Assert\NotBlank]
+    public string $description = '';
+
+    /** The author of this book */
+    #[ORM\Column]
+    #[Assert\NotBlank]
+    public string $author = '';
+
+    /** The publication date of this book */
+    #[ORM\Column]
+    #[Assert\NotNull]
+    public ?\DateTimeImmutable $publicationDate = null;
+
+    /** @var Review[] Available reviews for this book */
+    #[ORM\OneToMany(mappedBy: 'book', targetEntity: Review::class, cascade: ['persist', 'remove'])]
+    public iterable $reviews;
+
+    public function __construct()
+    {
+        $this->reviews = new ArrayCollection();
+    }
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+}
diff --git a/api/src/Entity/Review.php b/api/src/Entity/Review.php
new file mode 100644
index 00000000..3f716dc1
--- /dev/null
+++ b/api/src/Entity/Review.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace App\Entity;
+
+use ApiPlatform\Metadata\ApiResource;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Validator\Constraints as Assert;
+
+
+#[ApiResource]
+#[ORM\Entity]
+class Review
+{
+    /** The ID of this review */
+    #[ORM\Id]
+    #[ORM\Column]
+    #[ORM\GeneratedValue]
+    private ?int $id = null;
+
+    /** The rating of this review (between 0 and 5) */
+    #[ORM\Column(type: 'smallint')]
+    #[Assert\Range(min: 0, max: 5)]
+    public int $rating = 0;
+
+    /** The body of this review */
+    #[ORM\Column(type: 'text')]
+    #[Assert\NotBlank]
+    public string $body = '';
+
+    /** The author of this review */
+    #[ORM\Column]
+    #[Assert\NotBlank]
+    public string $author = '';
+
+    /** The publication date of this review */
+    #[ORM\Column]
+    #[Assert\NotNull]
+    public ?\DateTimeImmutable $publicationDate = null;
+
+    /** The book this review is about */
+    #[ORM\ManyToOne(inversedBy: 'reviews')]
+    #[Assert\NotNull]
+    public ?Book $book = null;
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+}

From de512e90c4816981bd27c301aa4e06b3ef611168 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Thu, 6 Mar 2025 17:12:17 +0100
Subject: [PATCH 2/5] storybook: improve entities attributes

---
 api/src/Entity/Book.php   | 21 ++++++++++++++++++++-
 api/src/Entity/Review.php | 22 +++++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/api/src/Entity/Book.php b/api/src/Entity/Book.php
index 22191ed6..e51d68a8 100644
--- a/api/src/Entity/Book.php
+++ b/api/src/Entity/Book.php
@@ -3,13 +3,31 @@
 namespace App\Entity;
 
 use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\ApiProperty;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Validator\Constraints as Assert;
 use Doctrine\Common\Collections\ArrayCollection;
+use ApiPlatform\Metadata\ApiFilter;
+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Doctrine\Orm\Filter\OrderFilter;
 
 
-#[ApiResource]
+#[ApiResource(mercure: true)]
 #[ORM\Entity]
+#[ApiFilter(OrderFilter::class, properties: [
+    'id' => 'ASC', 
+    'isbn' => 'ASC', 
+    'title' => 'ASC', 
+    'author' => 'ASC', 
+    'publicationDate' => 'DESC'
+])]
+#[ApiFilter(SearchFilter::class, properties: [
+    'id' => 'exact', 
+    'title' => 'ipartial', 
+    'author' => 'ipartial'
+])]
+#[ApiFilter(DateFilter::class, properties: ['publicationDate'])]
 class Book
 {
     /** The ID of this book */
@@ -25,6 +43,7 @@ class Book
     /** The title of this book */
     #[ORM\Column]
     #[Assert\NotBlank]
+    #[ApiProperty(iris: ['http://schema.org/name'])]
     public string $title = '';
 
     /** The description of this book */
diff --git a/api/src/Entity/Review.php b/api/src/Entity/Review.php
index 3f716dc1..dc7de3f2 100644
--- a/api/src/Entity/Review.php
+++ b/api/src/Entity/Review.php
@@ -3,12 +3,31 @@
 namespace App\Entity;
 
 use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\ApiProperty;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Validator\Constraints as Assert;
+use ApiPlatform\Metadata\ApiFilter;
+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\NumericFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Doctrine\Orm\Filter\OrderFilter;
 
 
-#[ApiResource]
+#[ApiResource(mercure: true)]
 #[ORM\Entity]
+#[ApiFilter(OrderFilter::class, properties: [
+    'id' => 'ASC', 
+    'rating' => 'ASC', 
+    'author' => 'ASC', 
+    'publicationDate' => 'DESC'
+])]
+#[ApiFilter(SearchFilter::class, properties: [
+    'id' => 'exact', 
+    'body' => 'ipartial', 
+    'author' => 'ipartial'
+])]
+#[ApiFilter(NumericFilter::class, properties: ['rating'])]
+#[ApiFilter(DateFilter::class, properties: ['publicationDate'])]
 class Review
 {
     /** The ID of this review */
@@ -35,6 +54,7 @@ class Review
     /** The publication date of this review */
     #[ORM\Column]
     #[Assert\NotNull]
+    #[ApiProperty(iris: ['http://schema.org/name'])]
     public ?\DateTimeImmutable $publicationDate = null;
 
     /** The book this review is about */

From 5182f885986a065bd1008f39e39e540760900b01 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Thu, 6 Mar 2025 17:28:14 +0100
Subject: [PATCH 3/5] storybook: add story using Field and Input Guessers

---
 src/stories/Custom.stories.tsx               |  53 ---------
 src/stories/custom/UsingGuessers.stories.tsx | 115 +++++++++++++++++++
 2 files changed, 115 insertions(+), 53 deletions(-)
 delete mode 100644 src/stories/Custom.stories.tsx
 create mode 100644 src/stories/custom/UsingGuessers.stories.tsx

diff --git a/src/stories/Custom.stories.tsx b/src/stories/Custom.stories.tsx
deleted file mode 100644
index a68b6281..00000000
--- a/src/stories/Custom.stories.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import { HydraAdmin } from '../hydra';
-import ResourceGuesser from '../core/ResourceGuesser';
-import ListGuesser from '../list/ListGuesser';
-import ShowGuesser from '../show/ShowGuesser';
-import FieldGuesser from '../field/FieldGuesser';
-import EditGuesser from '../edit/EditGuesser';
-import InputGuesser from '../input/InputGuesser';
-import CreateGuesser from '../create/CreateGuesser';
-
-export default {
-  title: 'Admin/Custom',
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-const GreetingList = () => (
-  <ListGuesser>
-    <FieldGuesser source="name" label="Identity" />
-  </ListGuesser>
-);
-
-const GreetingShow = () => (
-  <ShowGuesser>
-    <FieldGuesser source="name" label="Identity" />
-  </ShowGuesser>
-);
-
-const GreetingEdit = () => (
-  <EditGuesser>
-    <InputGuesser source="name" label="Identity" />
-  </EditGuesser>
-);
-
-const GreetingCreate = () => (
-  <CreateGuesser>
-    <InputGuesser source="name" label="Identity" />
-  </CreateGuesser>
-);
-
-export const Custom = () => (
-  <HydraAdmin entrypoint={process.env.ENTRYPOINT}>
-    <ResourceGuesser
-      name="greetings"
-      options={{ label: 'Salutation' }}
-      list={GreetingList}
-      show={GreetingShow}
-      edit={GreetingEdit}
-      create={GreetingCreate}
-    />
-  </HydraAdmin>
-);
diff --git a/src/stories/custom/UsingGuessers.stories.tsx b/src/stories/custom/UsingGuessers.stories.tsx
new file mode 100644
index 00000000..15f8e57b
--- /dev/null
+++ b/src/stories/custom/UsingGuessers.stories.tsx
@@ -0,0 +1,115 @@
+import React from 'react';
+import { HydraAdmin } from '../../hydra';
+import ResourceGuesser from '../../core/ResourceGuesser';
+import ListGuesser from '../../list/ListGuesser';
+import ShowGuesser from '../../show/ShowGuesser';
+import FieldGuesser from '../../field/FieldGuesser';
+import EditGuesser from '../../edit/EditGuesser';
+import InputGuesser from '../../input/InputGuesser';
+import CreateGuesser from '../../create/CreateGuesser';
+
+export default {
+  title: 'Admin/Custom/UsingGuessers',
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+const BookCreate = () => (
+  <CreateGuesser>
+    <InputGuesser source="isbn" label="ISBN" />
+    <InputGuesser source="title" />
+    <InputGuesser source="description" multiline />
+    <InputGuesser source="author" />
+    <InputGuesser source="publicationDate" />
+  </CreateGuesser>
+);
+
+const BookEdit = () => (
+  <EditGuesser warnWhenUnsavedChanges>
+    <InputGuesser source="isbn" label="ISBN" />
+    <InputGuesser source="title" />
+    <InputGuesser source="description" multiline />
+    <InputGuesser source="author" />
+    <InputGuesser source="publicationDate" />
+  </EditGuesser>
+);
+
+const BookShow = () => (
+  <ShowGuesser>
+    <FieldGuesser source="isbn" label="ISBN" />
+    <FieldGuesser source="title" />
+    <FieldGuesser source="description" />
+    <FieldGuesser source="author" />
+    <FieldGuesser source="publicationDate" />
+    <FieldGuesser source="reviews" />
+  </ShowGuesser>
+);
+
+const BookList = () => (
+  <ListGuesser sort={{ field: 'publicationDate', order: 'DESC' }}>
+    <FieldGuesser source="isbn" label="ISBN" />
+    <FieldGuesser source="title" />
+    <FieldGuesser source="author" />
+    <FieldGuesser source="publicationDate" />
+    <FieldGuesser source="reviews" />
+  </ListGuesser>
+);
+
+const ReviewCreate = () => (
+  <CreateGuesser>
+    <InputGuesser source="author" />
+    <InputGuesser source="book" />
+    <InputGuesser source="body" multiline />
+    <InputGuesser source="rating" />
+    <InputGuesser source="publicationDate" readOnly defaultValue={new Date()} />
+  </CreateGuesser>
+);
+
+const ReviewEdit = () => (
+  <EditGuesser>
+    <InputGuesser source="author" />
+    <InputGuesser source="book" />
+    <InputGuesser source="body" multiline />
+    <InputGuesser source="rating" />
+    <InputGuesser source="publicationDate" readOnly />
+  </EditGuesser>
+);
+
+const ReviewShow = () => (
+  <ShowGuesser>
+    <FieldGuesser source="author" />
+    <FieldGuesser source="book" />
+    <FieldGuesser source="body" />
+    <FieldGuesser source="rating" />
+    <FieldGuesser source="publicationDate" />
+  </ShowGuesser>
+);
+
+const ReviewList = () => (
+  <ListGuesser sort={{ field: 'publicationDate', order: 'DESC' }}>
+    <FieldGuesser source="author" />
+    <FieldGuesser source="book" />
+    <FieldGuesser source="rating" />
+    <FieldGuesser source="publicationDate" />
+  </ListGuesser>
+);
+
+export const UsingGuessers = () => (
+  <HydraAdmin entrypoint={process.env.ENTRYPOINT}>
+    <ResourceGuesser
+      name="books"
+      list={BookList}
+      show={BookShow}
+      edit={BookEdit}
+      create={BookCreate}
+    />
+    <ResourceGuesser
+      name="reviews"
+      list={ReviewList}
+      show={ReviewShow}
+      edit={ReviewEdit}
+      create={ReviewCreate}
+    />
+  </HydraAdmin>
+);

From 9e367789c2933d91edcfc08ad5d2ae7acec91ddd Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Thu, 6 Mar 2025 18:20:40 +0100
Subject: [PATCH 4/5] storybook: add Advanced Customization story

---
 .../custom/AdvancedCustomization.stories.tsx  | 247 ++++++++++++++++++
 1 file changed, 247 insertions(+)
 create mode 100644 src/stories/custom/AdvancedCustomization.stories.tsx

diff --git a/src/stories/custom/AdvancedCustomization.stories.tsx b/src/stories/custom/AdvancedCustomization.stories.tsx
new file mode 100644
index 00000000..c3c90b84
--- /dev/null
+++ b/src/stories/custom/AdvancedCustomization.stories.tsx
@@ -0,0 +1,247 @@
+import AutoStoriesIcon from '@mui/icons-material/AutoStories';
+import ReviewsIcon from '@mui/icons-material/Reviews';
+import { Rating, Stack } from '@mui/material';
+import React from 'react';
+import type { InputProps } from 'react-admin';
+import {
+  AutocompleteInput,
+  Create,
+  Datagrid,
+  DateField,
+  Edit,
+  Labeled,
+  Layout,
+  List,
+  NumberField,
+  ReferenceArrayField,
+  ReferenceField,
+  ReferenceInput,
+  Show,
+  SimpleForm,
+  SimpleList,
+  SimpleShowLayout,
+  TabbedShowLayout,
+  TextField,
+  TextInput,
+  WithRecord,
+  WrapperField,
+  defaultDarkTheme,
+  defaultLightTheme,
+  required,
+  useInput,
+} from 'react-admin';
+import ResourceGuesser from '../../core/ResourceGuesser';
+import FieldGuesser from '../../field/FieldGuesser';
+import { HydraAdmin } from '../../hydra';
+import InputGuesser from '../../input/InputGuesser';
+
+export default {
+  title: 'Admin/Custom/AdvancedCustomization',
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+const BookCreate = () => (
+  <Create>
+    <SimpleForm sx={{ maxWidth: 500 }}>
+      <InputGuesser source="title" helperText={false} />
+      <InputGuesser source="author" helperText={false} />
+      <TextInput
+        source="description"
+        multiline
+        helperText={false}
+        validate={required()}
+      />
+      <Stack direction="row" gap={2} width="100%">
+        <InputGuesser source="isbn" label="ISBN" helperText={false} />
+        <InputGuesser source="publicationDate" helperText={false} />
+      </Stack>
+    </SimpleForm>
+  </Create>
+);
+
+const BookEdit = () => (
+  <Edit warnWhenUnsavedChanges>
+    <SimpleForm sx={{ maxWidth: 500 }}>
+      <InputGuesser source="title" helperText={false} />
+      <InputGuesser source="author" helperText={false} />
+      <TextInput
+        source="description"
+        multiline
+        helperText={false}
+        validate={required()}
+      />
+      <Stack direction="row" gap={2} width="100%">
+        <InputGuesser source="isbn" label="ISBN" helperText={false} />
+        <InputGuesser source="publicationDate" helperText={false} />
+      </Stack>
+    </SimpleForm>
+  </Edit>
+);
+
+const BookShow = () => (
+  <Show>
+    <TabbedShowLayout>
+      <TabbedShowLayout.Tab label="main">
+        <TextField source="title" variant="h5" />
+        <TextField source="author" variant="body1" />
+        <TextField source="description" variant="body1" />
+        <SimpleShowLayout direction="row" gap={2} sx={{ p: 0 }}>
+          <TextField source="isbn" label="ISBN" variant="body1" />
+          <DateField source="publicationDate" variant="body1" />
+        </SimpleShowLayout>
+      </TabbedShowLayout.Tab>
+      <TabbedShowLayout.Tab label="reviews">
+        <ReferenceArrayField source="reviews" reference="reviews" label={false}>
+          <SimpleList
+            primaryText="%{body}"
+            secondaryText="by %{author} on %{publicationDate}"
+            sx={{ pt: 0, '& .MuiListItemButton-root': { p: 0 } }}
+            leftAvatar={(review) =>
+              review.author
+                .split(' ')
+                .map((name: string) => name[0])
+                .join('')
+            }
+            // eslint-disable-next-line react/no-unstable-nested-components
+            tertiaryText={(review) => (
+              <Rating value={review.rating} readOnly size="small" />
+            )}
+          />
+        </ReferenceArrayField>
+      </TabbedShowLayout.Tab>
+    </TabbedShowLayout>
+  </Show>
+);
+
+const BookList = () => (
+  <List sort={{ field: 'publicationDate', order: 'DESC' }}>
+    <Datagrid>
+      <FieldGuesser source="isbn" label="ISBN" />
+      <FieldGuesser source="title" />
+      <FieldGuesser source="author" />
+      <FieldGuesser source="publicationDate" />
+      <NumberField source="reviews.length" label="Reviews" />
+    </Datagrid>
+  </List>
+);
+
+const RatingInput = (props: InputProps) => {
+  const { field } = useInput(props);
+  return (
+    <Rating
+      {...field}
+      onChange={(_event, value) => {
+        field.onChange(value);
+      }}
+    />
+  );
+};
+
+const filterToBookQuery = (searchText: string) => ({
+  title: `%${searchText}%`,
+});
+
+const ReviewCreate = () => (
+  <Create>
+    <SimpleForm
+      sx={{ maxWidth: 500 }}
+      defaultValues={{ publicationDate: new Date() }}>
+      <InputGuesser source="author" helperText={false} />
+      <ReferenceInput source="book" reference="books">
+        <AutocompleteInput
+          helperText={false}
+          filterToQuery={filterToBookQuery}
+        />
+      </ReferenceInput>
+      <Labeled label="Rating">
+        <RatingInput source="rating" />
+      </Labeled>
+      <InputGuesser source="body" multiline helperText={false} />
+    </SimpleForm>
+  </Create>
+);
+
+const ReviewEdit = () => (
+  <Edit warnWhenUnsavedChanges>
+    <SimpleForm sx={{ maxWidth: 500 }}>
+      <InputGuesser source="author" helperText={false} />
+      <ReferenceInput source="book" reference="books">
+        <AutocompleteInput
+          helperText={false}
+          filterToQuery={filterToBookQuery}
+        />
+      </ReferenceInput>
+      <Labeled label="Rating">
+        <RatingInput source="rating" />
+      </Labeled>
+      <InputGuesser source="body" multiline helperText={false} />
+      <Labeled label="Publication date">
+        <DateField source="publicationDate" showTime />
+      </Labeled>
+    </SimpleForm>
+  </Edit>
+);
+
+const ReviewShow = () => (
+  <Show>
+    <SimpleShowLayout>
+      <FieldGuesser source="author" />
+      <ReferenceField source="book" reference="books" />
+      <FieldGuesser source="body" />
+      <Labeled label="Rating">
+        <WithRecord
+          render={(review) => (
+            <Rating value={review.rating} readOnly size="small" />
+          )}
+        />
+      </Labeled>
+      <DateField showTime source="publicationDate" />
+    </SimpleShowLayout>
+  </Show>
+);
+
+const ReviewList = () => (
+  <List sort={{ field: 'publicationDate', order: 'DESC' }}>
+    <Datagrid>
+      <FieldGuesser source="author" />
+      <ReferenceField source="book" reference="books" />
+      <WrapperField label="Rating">
+        <WithRecord
+          render={(review) => (
+            <Rating value={review.rating} readOnly size="small" />
+          )}
+        />
+      </WrapperField>
+      <DateField showTime source="publicationDate" />
+    </Datagrid>
+  </List>
+);
+
+export const AdvancedCustomization = () => (
+  <HydraAdmin
+    entrypoint={process.env.ENTRYPOINT}
+    layout={Layout}
+    theme={defaultLightTheme}
+    darkTheme={defaultDarkTheme}>
+    <ResourceGuesser
+      name="books"
+      list={BookList}
+      show={BookShow}
+      edit={BookEdit}
+      create={BookCreate}
+      recordRepresentation="name"
+      icon={AutoStoriesIcon}
+    />
+    <ResourceGuesser
+      name="reviews"
+      list={ReviewList}
+      show={ReviewShow}
+      edit={ReviewEdit}
+      create={ReviewCreate}
+      recordRepresentation="id"
+      icon={ReviewsIcon}
+    />
+  </HydraAdmin>
+);

From 24143de865cf28f0c366d93744605b36ec82a9c3 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Kaiser <jb@marmelab.com>
Date: Mon, 10 Mar 2025 16:03:14 +0100
Subject: [PATCH 5/5] storybook: add custom menu icons to the guessers story

---
 src/stories/custom/UsingGuessers.stories.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/stories/custom/UsingGuessers.stories.tsx b/src/stories/custom/UsingGuessers.stories.tsx
index 15f8e57b..79a59bee 100644
--- a/src/stories/custom/UsingGuessers.stories.tsx
+++ b/src/stories/custom/UsingGuessers.stories.tsx
@@ -1,3 +1,5 @@
+import AutoStoriesIcon from '@mui/icons-material/AutoStories';
+import ReviewsIcon from '@mui/icons-material/Reviews';
 import React from 'react';
 import { HydraAdmin } from '../../hydra';
 import ResourceGuesser from '../../core/ResourceGuesser';
@@ -103,6 +105,7 @@ export const UsingGuessers = () => (
       show={BookShow}
       edit={BookEdit}
       create={BookCreate}
+      icon={AutoStoriesIcon}
     />
     <ResourceGuesser
       name="reviews"
@@ -110,6 +113,7 @@ export const UsingGuessers = () => (
       show={ReviewShow}
       edit={ReviewEdit}
       create={ReviewCreate}
+      icon={ReviewsIcon}
     />
   </HydraAdmin>
 );