import Feedback from '@/components/primitives/Feedback/Feedback.tsx';
import {FeedbackContext} from '@/components/primitives/Feedback/FeedbackContext.tsx';

# Feedback

## Description

Feedback is used by devs and users to declare what and where they encounter a problem using our app.

Example in legacy UI :
![Feedback Iframe](/components-images/FeedbackIframe.png "Feedback Iframe")

<br />

## How to use

1) We need to decide what we make the ticket for.

![Problem](/components-images/problematique.png)

2) The priority of the ticket.

![priority](/components-images/priorite.png)

2.1) If its an emergency you can use this button. white means normal priority : red means its an emergency.
![Priority normal](/components-images/priority_white.png)
![Priority normal](/components-images/priority_red.png)

3) After that we describe our problem and fill the personnal information once this is over we can submit the ticket.

![Personal information and problem](/components-images/information.png)

4) There is an other option as well if you click on the small '+' you'll see that you can add the url of the page so we can try to reproduct the error.

![Problem](/components-images/url.png)

## feedback html raw

<br />

<iframe src = "https://ticket-feedback.phpcreation.com/feedback?form[url]=/components/forms/feedback-Iframe" width="780" height="630"></iframe>
```jsx
    <iframe src = "https://ticket-feedback.phpcreation.com/feedback?form[url]=/components/forms/feedback-Iframe" width="780" height="630"></iframe>
````

## feedback dump component

<br />
<Feedback
  firstName="Master"
  lastName="Yoda"
  demand="need help with my problem."
  email="support@phpcreation.com"
  phone="555-555-5555"
  url="http://localhost/components/forms/feedback-Iframe"
/>

## feedback smart component

<br />
<FeedbackContext
  firstName="john"
  lastName="smith"
  demand="fix my bug"
  email="johnSmith@mail.com"
  phone="123-456-7890"
/>

### Dumb or smart components ?

Link: https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43

Link: https://javascript.plainenglish.io/react-all-about-components-35650a02ff50

## Feedback links

link: https://ticket-feedback.phpcreation.com/feedback

USER: https://phpreaction.com/support/besoin-daide-signaler-probleme/

USER: https://phpreaction.com/amelioration-continue/php/formation-php/outil-signalement-bien-plus-que-anomalies/

## Automated tests

### Unit

Command : `npm run test:unit` <br/>
Test file location : `/tests/feedback.unit.test.tsx`

```jsx
npm run test:unit:file feedback
```

### Integration

Command : `???` <br/>
Test file location : `???`

```
???
````````