aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/frontend/app/components/PullToRefresh.tsx10
-rw-r--r--src/frontend/app/components/StopSheetSkeleton.tsx24
2 files changed, 17 insertions, 17 deletions
diff --git a/src/frontend/app/components/PullToRefresh.tsx b/src/frontend/app/components/PullToRefresh.tsx
index f8ea590..9def8f5 100644
--- a/src/frontend/app/components/PullToRefresh.tsx
+++ b/src/frontend/app/components/PullToRefresh.tsx
@@ -99,9 +99,9 @@ export const PullToRefresh: React.FC<PullToRefreshProps> = ({
const handleTouchEnd = useCallback(async () => {
if (!isPulling) return;
-
+
setIsPulling(false);
-
+
if (isActive && y.get() >= threshold && !isRefreshing) {
try {
await onRefresh();
@@ -109,7 +109,7 @@ export const PullToRefresh: React.FC<PullToRefreshProps> = ({
console.error('Refresh failed:', error);
}
}
-
+
// Always reset state
setIsActive(false);
y.set(0);
@@ -144,8 +144,8 @@ export const PullToRefresh: React.FC<PullToRefreshProps> = ({
className={`refresh-icon-container ${isActive ? 'active' : ''}`}
style={{ scale, rotate: isRefreshing ? 0 : rotate }}
>
- <RefreshCw
- className={`refresh-icon ${isRefreshing ? 'spinning' : ''}`}
+ <RefreshCw
+ className={`refresh-icon ${isRefreshing ? 'spinning' : ''}`}
/>
</motion.div>
</motion.div>
diff --git a/src/frontend/app/components/StopSheetSkeleton.tsx b/src/frontend/app/components/StopSheetSkeleton.tsx
index 91ea74f..651efa5 100644
--- a/src/frontend/app/components/StopSheetSkeleton.tsx
+++ b/src/frontend/app/components/StopSheetSkeleton.tsx
@@ -7,8 +7,8 @@ interface StopSheetSkeletonProps {
rows?: number;
}
-export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
- rows = 4
+export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
+ rows = 4
}) => {
const { t } = useTranslation();
@@ -25,7 +25,7 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
<div className="stop-sheet-estimate-line">
<Skeleton width="40px" height="24px" style={{ borderRadius: "4px" }} />
</div>
-
+
<div className="stop-sheet-estimate-details">
<div className="stop-sheet-estimate-route">
<Skeleton width="120px" height="0.95rem" />
@@ -43,19 +43,19 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
<div className="stop-sheet-timestamp">
<Skeleton width="140px" height="0.8rem" />
</div>
-
+
<div className="stop-sheet-actions">
- <div className="stop-sheet-reload" style={{
- opacity: 0.6,
- pointerEvents: "none"
+ <div className="stop-sheet-reload" style={{
+ opacity: 0.6,
+ pointerEvents: "none"
}}>
<Skeleton width="70px" height="0.85rem" />
</div>
-
- <div className="stop-sheet-view-all" style={{
- background: "#f0f0f0",
- cursor: "not-allowed",
- pointerEvents: "none"
+
+ <div className="stop-sheet-view-all" style={{
+ background: "#f0f0f0",
+ cursor: "not-allowed",
+ pointerEvents: "none"
}}>
<Skeleton width="180px" height="0.85rem" />
</div>