<ShowDeleted>
The <ShowDeleted>
component replaces the <Show>
component when displaying a deleted record.
It has the same properties as <Show>
, apart from resource
, id
and queryOptions
which are passed from the context and cannot be overridden. See <Show>
props documentation for more info.
It is intended to be used with detailComponents
of <DeletedRecordsList>
.
import { Admin, CustomRoutes, SimpleShowLayout, TextField } from 'react-admin';
import { Route } from 'react-router-dom';
import { DeletedRecordsList, ShowDeleted } from '@react-admin/ra-soft-delete';
const ShowDeletedBook = () => (
<ShowDeleted>
<SimpleShowLayout>
<TextField source="title" />
<TextField source="description" />
</SimpleShowLayout>
</ShowDeleted>
);
export const App = () => (
<Admin>
...
<CustomRoutes>
<Route path="/deleted" element={
<DeletedRecordsList detailComponents={{
books: ShowDeletedBook,
}} />
} />
</CustomRoutes>
</Admin>
);
It is rendered in a dialog opened on click on a row of the <DeletedRecordsTable>
.