Skip to main content

​
ExperienceRating

A feedback widget shown after order completion that lets customers rate their experience with star ratings and optional text feedback.

​
Preview

View in Storybook

​
Import

import { ExperienceRating } from '@/components/ExperienceRating'

​
Usage

<ExperienceRating
  orderId={order.id}
  onSubmit={handleFeedbackSubmit}
  onDismiss={handleDismiss}
/>

​
Props

​
orderId
string
required
The order ID to associate the feedback with.
​
onSubmit
(rating: FeedbackRating) => void
required
Callback fired when the customer submits their rating.
​
onDismiss
() => void
required
Callback fired when the customer dismisses the rating prompt.

​
Behavior

  • 5-star rating with tap/click interaction
  • Optional text feedback field appears after rating
  • Category tags for specific feedback (food quality, speed, accuracy)
  • Submits to the analytics events API
  • Only shown once per order