diff options
Diffstat (limited to 'src/frontend/app/components/StopItemSkeleton.tsx')
| -rw-r--r-- | src/frontend/app/components/StopItemSkeleton.tsx | 51 |
1 files changed, 25 insertions, 26 deletions
diff --git a/src/frontend/app/components/StopItemSkeleton.tsx b/src/frontend/app/components/StopItemSkeleton.tsx index 2791bdc..68172fd 100644 --- a/src/frontend/app/components/StopItemSkeleton.tsx +++ b/src/frontend/app/components/StopItemSkeleton.tsx @@ -11,32 +11,31 @@ const StopItemSkeleton: React.FC<StopItemSkeletonProps> = ({ showId = false, stopId, }) => { - return ( - <SkeletonTheme baseColor="var(--skeleton-base)" highlightColor="var(--skeleton-highlight)"> - <li className="list-item"> - <div className="list-item-link"> - <span> - {showId && stopId && ( - <>({stopId}) </> - )} - </span> - <Skeleton - width={showId ? "60%" : "80%"} - style={{ display: "inline-block" }} - /> - <div className="line-icons" style={{ marginTop: "4px" }}> - <Skeleton - count={3} - width="30px" - height="20px" - inline={true} - style={{ marginRight: "0.5rem" }} - /> - </div> - </div> - </li> - </SkeletonTheme> - ); + return ( + <SkeletonTheme + baseColor="var(--skeleton-base)" + highlightColor="var(--skeleton-highlight)" + > + <li className="list-item"> + <div className="list-item-link"> + <span>{showId && stopId && <>({stopId}) </>}</span> + <Skeleton + width={showId ? "60%" : "80%"} + style={{ display: "inline-block" }} + /> + <div className="line-icons" style={{ marginTop: "4px" }}> + <Skeleton + count={3} + width="30px" + height="20px" + inline={true} + style={{ marginRight: "0.5rem" }} + /> + </div> + </div> + </li> + </SkeletonTheme> + ); }; export default StopItemSkeleton; |