simplify

kobaltedev · Nov 12, 2024 · 19972a2 · 19972a2
1 parent ba82c02
commit 19972a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 13 deletions.
diff --git a/apps/docs/src/examples/rating-group.tsx b/apps/docs/src/examples/rating-group.tsx
@@ -77,15 +77,7 @@ export function HalfRatingsExample() {
 					{(_) => (
 						<RatingGroup.Item class={style["rating-group-item"]}>
 							<RatingGroup.ItemControl>
-								{(state) =>
-									state.half() ? (
-										<StarHalfIcon />
-									) : state.highlighted() ? (
-										<StarIcon />
-									) : (
-										<StarIcon />
-									)
-								}
+								{(state) => (state.half() ? <StarHalfIcon /> : <StarIcon />)}
 							</RatingGroup.ItemControl>
 						</RatingGroup.Item>
 					)}

diff --git a/apps/docs/src/routes/docs/core/components/rating-group.mdx b/apps/docs/src/routes/docs/core/components/rating-group.mdx
@@ -224,9 +224,7 @@ Allow 0.5 value steps by setting the `allowHalf` prop to true.
 			{_ => (
 				<RatingGroup.Item>
 					<RatingGroup.ItemControl>
-						{state =>
-							state.half() ? <StarHalfIcon /> : state.highlighted() ? <StarIcon /> : <StarIcon />
-						}
+						{(state) => (state.half() ? <StarHalfIcon /> : <StarIcon />)}
 					</RatingGroup.ItemControl>
 				</RatingGroup.Item>
 			)}
@@ -344,7 +342,7 @@ function HTMLFormExample() {
 
 ### RatingGroup
 
-`RatingGroup` is equivalent to the `Root` import from `@kobalte/core/Rating-group`.
+`RatingGroup` is equivalent to the `Root` import from `@kobalte/core/rating-group`.
 
 | Prop            | Description                                                                                                                                        |
 | :-------------- | :------------------------------------------------------------------------------------------------------------------------------------------------- |