How to use Judgeme in your app - Native

    {
      name: 'shopify/review-summery-wrapper',
      attributes: {},
    },
    {
      name: 'shopify/shopify-review-list-preview',
      attributes: {},
    },

// Component override
  {
   name: 'shopify/review-summery',
   View: ReviewSummary, // The component to be rendered
  }

// Component definition
const ReviewSummary = (props) => {
  const {
    average_rating,
    total_questions,
    total_reviews,
    ratings,
    productId,
    openAddReview,
    isLoading,
  } = useReviewSummary(props);
 //.. 
}

// Override default component
 {
   name: 'shopify/review-item',
   View: ReviewListItem, // The component to be rendered
  }

// Component definition
const ReviewListItem = (props) => {
  const { body, title, reviewer, rating, imageUrls, created_at, verified } =
    useReviewListItem(props);
   //....
}

const AddReview = (props) => {
const {
  onSubmitReview,
  isLoading,
  setName,
  setRating,
  setEmail,
  setBody,
  setTitle,
  name,
  email,
  rating,
  body,
  title,
  user,
} = useAddReview(props);

return (
  <View>
    <Input
      label="Name"
      placeholder="Enter your name (public)"
      onChangeText={setName}
      value={name}
      style={[styles.input, styles.inputHeight]}
    />
    <Input
      label="Email"
      placeholder="Enter your email (private)"
      onChangeText={setEmail}
      value={email}
      editable={user?.email ? false : true}
      style={[styles.input, styles.inputHeight]}
    />
    <AddStarRating
      label={`Rating (${rating})`}
      rating={rating}
      setRating={setRating}
    />
    <Input
      label="Review Title"
      placeholder="Give your review a title"
      onChangeText={setTitle}
      value={title}
      style={[styles.input, styles.inputHeight]}
    />
    <Input
      label="Review"
      placeholder="Write your review here"
      onChangeText={setBody}
      value={body}
      multiline
      numberOfLines={4}
      style={[styles.input, styles.textAreaHeight]}
    />
    <Button onPress={onSubmitReview} loading={isLoading} status="dark">
      Submit Review
    </Button>
  </View>
);
};