Welcome to the FormTribe

This issue will get you the points mentioned in issue title for the FormTribe Hackathon

Preparation:
If this is your first time contributing, please read:

• Our introductory blog post
• Overview of Code Guidelines at Formbricks.

Only when your PR follows all of the best practices it will get merged.

Want more points quick? Complete Side Quests 🏰

Is your feature request related to a problem? Please describe.

Users want to add images and videos to have a richer context.

Describe the solution you'd like

Allow adding images to every question (video will follow).

Note

This PR will touch a lot of files because you have to embed the image adding and displaying functionality for almost every question type.

Please only do it for 1 question type at first, ship it and get it approved! Otherwise you will have to deal with a loooot of merge conflicts all the time :)

Tasks

1. At the end of the question input field, add Lucide icon 'image-plus'

Note: This can be a bit hacky for now, placing it there with absolute positioning. We are rewriting the question input field into a custom component for the Recall information functionality anyways. So we will refactor this anyways :)

2. On click, it adds this upload window above the question input field:

3. On drag (or click) the native file manager of the client opens and the user can add an image. Please reuse the File Upload component used in the Welcome Card 🙏

4. When the image is added, it looks like this:

5. Create a new reusable component to update the question types in the survey editor to display the images:

Link survey:

In app survey:

If question come up, please reach out in Discord! :)

Thanks!