74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
export default function DahboardGeographySection() {
|
|
return (
|
|
<div className="dahboard-geography-section">
|
|
<h3 className="section-title">🌍 География нарушений</h3>
|
|
<div className="geography-grid">
|
|
<div className="country-item">
|
|
<div className="country-flag">🇺🇸</div>
|
|
<div className="country-info">
|
|
<div className="country-name">США</div>
|
|
<div className="country-bar">
|
|
<div className="country-bar-fill" style={{width: '44%'}}></div>
|
|
</div>
|
|
</div>
|
|
<div className="country-stats">
|
|
<div className="country-violations">231</div>
|
|
<div className="country-percent">44%</div>
|
|
</div>
|
|
</div>
|
|
<div className="country-item">
|
|
<div className="country-flag">🇷🇺</div>
|
|
<div className="country-info">
|
|
<div className="country-name">Россия</div>
|
|
<div className="country-bar">
|
|
<div className="country-bar-fill" style={{width: '44%'}}></div>
|
|
</div>
|
|
</div>
|
|
<div className="country-stats">
|
|
<div className="country-violations">227</div>
|
|
<div className="country-percent">44%</div>
|
|
</div>
|
|
</div>
|
|
<div className="country-item">
|
|
<div className="country-flag">🌐</div>
|
|
<div className="country-info">
|
|
<div className="country-name">Другие</div>
|
|
<div className="country-bar">
|
|
<div className="country-bar-fill" style={{width: '11%'}}></div>
|
|
</div>
|
|
</div>
|
|
<div className="country-stats">
|
|
<div className="country-violations">57</div>
|
|
<div className="country-percent">11%</div>
|
|
</div>
|
|
</div>
|
|
<div className="country-item">
|
|
<div className="country-flag">🇬🇧</div>
|
|
<div className="country-info">
|
|
<div className="country-name">Великобритания</div>
|
|
<div className="country-bar">
|
|
<div className="country-bar-fill" style={{width: '1%'}}></div>
|
|
</div>
|
|
</div>
|
|
<div className="country-stats">
|
|
<div className="country-violations">4</div>
|
|
<div className="country-percent">1%</div>
|
|
</div>
|
|
</div>
|
|
<div className="country-item">
|
|
<div className="country-flag">🇩🇪</div>
|
|
<div className="country-info">
|
|
<div className="country-name">Германия</div>
|
|
<div className="country-bar">
|
|
<div className="country-bar-fill" style={{width: '0%'}}></div>
|
|
</div>
|
|
</div>
|
|
<div className="country-stats">
|
|
<div className="country-violations">1</div>
|
|
<div className="country-percent">0%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |