blob: 76559de420dded891686f03226597c1159b5991a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
import React from "react";
import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
import "react-loading-skeleton/dist/skeleton.css";
interface StopItemSkeletonProps {
showId?: boolean;
stopId?: number;
}
const StopItemSkeleton: React.FC<StopItemSkeletonProps> = ({
showId = false,
stopId,
}) => {
<<<<<<< HEAD
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="#f0f0f0" highlightColor="#e0e0e0">
<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>
);
>>>>>>> 88e0621 (Improve gallery scroll indicators and format code)
};
export default StopItemSkeleton;
|
