# Manage Collection

* **Component**: \<ManageCollection/>
* **Path**: /components/shared/manage-collection.tsx
* **Import**:

```typescript
import { ManageCollection } from "@/components/shared/manage-collection";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2FBWlpds6soRLsAIGqvusY%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-18%20152232.png?alt=media&#x26;token=dce5c050-2f41-41d9-a4d2-a3e4c3d3a7e7" alt=""><figcaption><p>Submit Product Modal</p></figcaption></figure>

This component is used by both users and admins to create AND edit their collections.\
The aim here is to mutualize and avoid multiplying user interface components.

{% hint style="info" %}
Feature this collection Checkbox is obviously admin-only feature, handled by [NextAuth Sessions](https://next-auth.js.org/getting-started/client#usesession).
{% endhint %}