Feedback

Feedback is a Next.js (opens in a new tab) based feedback widget and dashboard.

Usage on React App

We have an npm package that exposes our feedback form as a React component. To use it, first install the package:

yarn add @okie/feedback

Then import the component in your React app and wrap whatever button you want to trigger the widget with it.

// ...
import { Feedback } from '@okie/feedback';
 
const App = () => {
  return (
    <Layout>
      <Feedback projectId="cktbdp9y900200wjr7519..." />
    </Layout>
  );
}

Get the projectId from your dashboard.

Collect email address

Pass the email of the currently authenticated user to the user prop:

// ...
import { Feedback } from '@okie/feedback';
 
const App = () => {
  return (
    <Layout>
      <Feedback user={currentUser.email} />
    </Layout>
  );
}