web/timeline: fix history loading indicator color

Signed-off-by: Sumner Evans <me@sumnerevans.com>
This commit is contained in:
Sumner Evans 2024-12-21 13:37:14 -07:00
parent 8de715558f
commit 327ca2a0ec
No known key found for this signature in database

View file

@ -119,7 +119,9 @@ const TimelineView = () => {
return <div className="timeline-view" onScroll={handleScroll} ref={timelineViewRef}> return <div className="timeline-view" onScroll={handleScroll} ref={timelineViewRef}>
<div className="timeline-beginning"> <div className="timeline-beginning">
{room.hasMoreHistory ? <button onClick={loadHistory} disabled={isLoadingHistory}> {room.hasMoreHistory ? <button onClick={loadHistory} disabled={isLoadingHistory}>
{isLoadingHistory ? <><ScaleLoader /> Loading history...</> : "Load more history"} {isLoadingHistory
? <><ScaleLoader color="var(--primary-color)"/> Loading history...</>
: "Load more history"}
</button> : "No more history available in this room"} </button> : "No more history available in this room"}
</div> </div>
<div className="timeline-list"> <div className="timeline-list">