mirror of
https://github.com/mue/mue.git
synced 2026-07-17 05:54:14 +02:00
@@ -10,40 +10,40 @@ function WeatherSkeleton({ weatherType }) {
|
||||
<span className="pulse">20C</span>
|
||||
</div>
|
||||
{weatherType >= 2 && (
|
||||
<span className="minmax">
|
||||
<span className="subtitle pulse">min</span>
|
||||
<span className="subtitle pulse">max</span>
|
||||
</span>
|
||||
<span className="minmax">
|
||||
<span className="subtitle pulse">min</span>
|
||||
<span className="subtitle pulse">max</span>
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
{weatherType >= 2 && (
|
||||
<div className="extra-info">
|
||||
<span className="pulse">feels like x</span>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
<div className="extra-info">
|
||||
<span className="pulse">feels like x</span>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
{weatherType >= 3 && (
|
||||
<div className="weatherExpandedInfo">
|
||||
<span className="subtitle pulse">extra information</span>
|
||||
<div className="weatherExpandedInfoItems">
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
<div className="weatherExpandedInfo">
|
||||
<span className="subtitle pulse">extra information</span>
|
||||
<div className="weatherExpandedInfoItems">
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
<div className="infoItemSkeleton">
|
||||
<div className="smallSkeletonIcon pulse"></div>
|
||||
<span className="loc pulse">location</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default memo(WeatherSkeleton);
|
||||
export default memo(WeatherSkeleton);
|
||||
|
||||
Reference in New Issue
Block a user