Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: fochlac/mui-feedback-dialog
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 9911bb1
Choose a base ref
...
head repository: fochlac/mui-feedback-dialog
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: ba396d7
Choose a head ref
4 contributors
Loading
Showing with 10,570 additions and 14,784 deletions.
  1. +2 −0 .eslintrc.json
  2. +1 −1 .gitignore
  3. +6 −2 README.md
  4. +0 −10 dist/index.js
  5. +0 −1 dist/index.js.map
  6. +14 −0 index.html
  7. +22 −9 lib/FeedbackDialog.tsx
  8. +54 −0 lib/LoadingLayer.tsx
  9. +2 −1 lib/icons/Eraser.tsx
  10. +31 −6 lib/useFeedback.ts
  11. +2 −2 lib/utils/screenshot.ts
  12. +10,297 −14,583 package-lock.json
  13. +34 −60 package.json
  14. +72 −23 showcase/showcase.tsx
  15. +33 −0 vite.config.ts
  16. +0 −37 webpack.config.js
  17. +0 −49 webpack.config.showcase.js
2 changes: 2 additions & 0 deletions .eslintrc.json
View file
Original file line number Diff line number Diff line change
@@ -187,6 +187,8 @@
"no-control-regex": 2,
"no-debugger": 2,
"no-delete-var": 2,
"no-nonoctal-decimal-escape": 2,
"no-unsafe-optional-chaining": 2,
"no-dupe-args": 2,
"no-dupe-class-members": 2,
"no-dupe-keys": 2,
2 changes: 1 addition & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
@@ -12,7 +12,7 @@
/coverage

# production
/build
/dist
/db/*.json

# misc
8 changes: 6 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -31,7 +31,7 @@ const FeedbackButton: React.FunctionComponent<{ mobile?: boolean }> = () => {
}
```

FeedbackDialog takes 5 props:
FeedbackDialog takes following props:
* `open` [boolean]: whether the dialog is shown or not
* `onClose` [function]: callback to close the dialog
* `useScreencapture` [boolean=false]: whether to use screencapture or dom-to-html. Also controls whether the `screenshotInfo`-info box will be displayed.
@@ -45,11 +45,15 @@ FeedbackDialog takes 5 props:
```
* `noScreenshot` [boolean]: whether the option to show a screenshot is shown at all.
* `attachScreenshotOnOpen` [boolean]: whether the option to show a screenshot is preselected.
* `showSuccessScreen` [boolean]: whether to show a progress screen during submit and a success or error screen afterwards.
* `className` [string]: className applied to the dialog component.
* `initialEmail` [string]: prefill email field.
* `text` [object]: possibility to overwrite the default strings:
* title
* cancel
* submit
* successText
* errorText
* contentText
* emailLabel
* emailError
@@ -66,4 +70,4 @@ FeedbackDialog takes 5 props:
![SampleScreenshot](https://github.com/fochlac/mui-feedback-dialog/blob/master/feedback-dialog.jpg?raw=true)

## Demo
[CodeSandbox - Demo](https://codesandbox.io/s/feedback-dialog-fdp7b)
[CodeSandbox - Demo](https://codesandbox.io/s/feedback-dialog-forked-lk4x4h)
Loading