Improve chart visualization and UI layout #1
22
src/App.jsx
22
src/App.jsx
@ -459,22 +459,12 @@ const ApartmentDashboard = () => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center space-x-2">
|
{priceDrops.length > 0 && (
|
||||||
{priceDrops.length > 0 && (
|
<div className="flex items-center space-x-2 bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm">
|
||||||
<div className="flex items-center space-x-2 bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm">
|
<Bell className="w-4 h-4" />
|
||||||
<Bell className="w-4 h-4" />
|
<span>{priceDrops.length} price drops</span>
|
||||||
<span>{priceDrops.length} price drops</span>
|
</div>
|
||||||
</div>
|
)}
|
||||||
)}
|
|
||||||
<button
|
|
||||||
onClick={fetchData}
|
|
||||||
disabled={loading}
|
|
||||||
className="flex items-center space-x-2 bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50"
|
|
||||||
>
|
|
||||||
<RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />
|
|
||||||
<span>Refresh</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-center space-x-4 mt-4">
|
<div className="flex items-center space-x-4 mt-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user