# Submit Product

* **Component**: \<SubmitProduct/>
* **Path**: /components/shared/submit-product.tsx
* **Import**:

```typescript
import { SubmitProduct } from "@/components/shared/submit-product";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2FqdgkaS7ruk5TJX1rwtoB%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-18%20151629.png?alt=media&#x26;token=30898776-9e67-4335-b94d-6b7b63d85443" alt=""><figcaption><p>Submit Product Modal</p></figcaption></figure>

Users can suggest/submit products with this simple modal. No dedicated page so it does not disturb their navigation too much.

Most fields are optional to not discourage people.

{% hint style="info" %}
Do not forget to fill `ADMIN_EMAIL` in `.env` file as anonymous suggestions will be connected to your account.
{% endhint %}

If you need your users to be logged in to submit, uncomment this code in `components/shared/submit-book.tsx` :

{% code title="submit-book.tsx" %}

```typescript
// if (session.status === "unauthenticated") {
  //   return (
  //     <>
  //       <SignInModal />
  //       <Button variant="ghost" onClick={() => setShowSignInModal(true)}>
  //         <PlusIcon className="mr-2 h-4 w-4" />
  //         Suggest a book
  //       </Button>
  //     </>
  //   );
  // }
  // if (session.status === "authenticated") {
```

{% endcode %}

&#x20;As a result, [SignIn](https://docs.directoryfa.st/general-components/signin-modal) modal will be triggered instead.