diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-12-24 19:33:49 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-12-24 19:33:49 +0100 |
| commit | cfbb1625e7873264e2ef435cc76fec2b59cf58d8 (patch) | |
| tree | 092e04e7750064f5ed1bf6aa2ea625c87877e2e8 /src/frontend/app/components/Stops | |
| parent | 9ed46bea58dbb81ceada2a957fd1db653fb21e52 (diff) | |
Refactor map components and improve modal functionality
Diffstat (limited to 'src/frontend/app/components/Stops')
| -rw-r--r-- | src/frontend/app/components/Stops/ConsolidatedCirculationListSkeleton.tsx | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationListSkeleton.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationListSkeleton.tsx deleted file mode 100644 index c99b883..0000000 --- a/src/frontend/app/components/Stops/ConsolidatedCirculationListSkeleton.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from "react"; -import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; -import "react-loading-skeleton/dist/skeleton.css"; -import "./ConsolidatedCirculationList.css"; - -export const ConsolidatedCirculationListSkeleton: React.FC = () => { - return ( - <SkeletonTheme - baseColor="var(--skeleton-base)" - highlightColor="var(--skeleton-highlight)" - > - <> - <div className="consolidated-circulation-caption"> - <Skeleton width="60%" style={{ maxWidth: "300px" }} /> - </div> - - {[1, 2, 3, 4, 5].map((i) => ( - <div - key={i} - className="consolidated-circulation-card" - style={{ marginBottom: "0.75rem" }} - > - <div className="card-row main"> - <div className="line-info"> - <Skeleton width={40} height={28} borderRadius={4} /> - </div> - - <div className="route-info"> - <Skeleton width="80%" height={18} /> - </div> - - <div className="eta-badge"> - <Skeleton width={50} height={40} borderRadius={12} /> - </div> - </div> - - <div className="card-row meta"> - <Skeleton width={90} height={20} borderRadius={999} /> - <Skeleton width={70} height={20} borderRadius={999} /> - <Skeleton width={60} height={20} borderRadius={999} /> - </div> - </div> - ))} - </> - </SkeletonTheme> - ); -}; |