galadrim-feedback 0.0.57 → 0.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -27
- package/dist/index.cjs +8796 -0
- package/dist/index.es +8776 -0
- package/dist/styles.css +1 -2
- package/package.json +3 -3
- package/src/index.css +1 -2
- package/dist/index.cjs.js +0 -8796
- package/dist/index.es.js +0 -8776
package/README.md
CHANGED
|
@@ -2,39 +2,21 @@ Installation
|
|
|
2
2
|
|
|
3
3
|
Pré-requis :
|
|
4
4
|
axios
|
|
5
|
-
@tanstack/react-query
|
|
6
|
-
moment
|
|
7
5
|
|
|
8
|
-
yarn add galadrim-feedback
|
|
6
|
+
yarn add galadrim-feedback axios
|
|
9
7
|
|
|
10
8
|
ajouter "babel-plugin-react-generate-paths" comme plugin babel
|
|
11
9
|
|
|
12
|
-
ajouter à tailwind.config.js ou le créer
|
|
13
|
-
"./node\*modules/galadrim-feedback/\*\*/\_.{js,ts,jsx,tsx}",
|
|
14
|
-
|
|
15
|
-
const feedbackConfig = require("../galadrim-feedback/galadrim-feedback-frontend/tailwind.config.js");
|
|
16
|
-
const { merge } = require("lodash"); // Install lodash if not already installed
|
|
17
|
-
|
|
18
|
-
export default merge(feedbackConfig, {
|
|
19
|
-
content: [
|
|
20
|
-
"./index.html",
|
|
21
|
-
"./src/**/_.{js,ts,jsx,tsx}",
|
|
22
|
-
"./node_modules/galadrim-feedback/\*\*/_.{js,ts,jsx,tsx}",
|
|
23
|
-
"../galadrim-feedback/galadrim-feedback-frontend/src/\*_/_.{js,ts,jsx,tsx}", <= add this line
|
|
24
|
-
],
|
|
25
|
-
theme: {...}
|
|
26
|
-
});
|
|
27
|
-
|
|
28
10
|
add the FeedbackRoot to the root of your app (it needs to be inside the router)
|
|
29
11
|
|
|
30
12
|
import FeedbackRoot from "galadrim-feedback";
|
|
13
|
+
import "galadrim-feedback/dist/styles.css";
|
|
31
14
|
|
|
32
|
-
|
|
15
|
+
add the following props to the FeedbackRoot component :
|
|
16
|
+
<FeedbackRoot
|
|
17
|
+
rootDir="/path/to/your/project"
|
|
18
|
+
projectId="your-project-id"
|
|
19
|
+
navigate={(path) => navigate(path)}
|
|
20
|
+
/>
|
|
33
21
|
|
|
34
|
-
|
|
35
|
-
{
|
|
36
|
-
element: (
|
|
37
|
-
<FeedbackRoot rootDir="/Users/nicolasdescreux/Projects/galadrim/dashboard-client" />
|
|
38
|
-
),
|
|
39
|
-
children: [...]
|
|
40
|
-
}])
|
|
22
|
+
navigate is a function that takes a path and navigates to it using your router
|