mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-19 18:13:41 -05:00
44 lines
1.8 KiB
TypeScript
44 lines
1.8 KiB
TypeScript
// gomuks - A Matrix client written in Go.
|
|
// Copyright (C) 2024 Tulir Asokan
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
import React from "react"
|
|
import Client from "@/api/client.ts"
|
|
import { getRoomAvatarURL } from "@/api/media.ts"
|
|
import type { RoomID } from "@/api/types"
|
|
import { useEventAsState } from "@/util/eventdispatcher.ts"
|
|
import UnreadCount from "./UnreadCount.tsx"
|
|
import "./RoomList.css"
|
|
|
|
export interface SpaceProps {
|
|
roomID: RoomID
|
|
client: Client
|
|
onClick: (evt: React.MouseEvent<HTMLDivElement>) => void
|
|
onClickUnread: (evt: React.MouseEvent<HTMLDivElement>) => void
|
|
isActive: boolean
|
|
}
|
|
|
|
const Space = ({ roomID, client, onClick, isActive, onClickUnread }: SpaceProps) => {
|
|
const unreads = useEventAsState(client.store.spaceEdges.get(roomID)?.counts)
|
|
const room = useEventAsState(client.store.rooms.get(roomID)?.meta)
|
|
if (!room) {
|
|
return
|
|
}
|
|
return <div className={`space-entry ${isActive ? "active" : ""}`} onClick={onClick} data-target-space={roomID}>
|
|
<UnreadCount counts={unreads} space={true} onClick={onClickUnread} />
|
|
<img src={getRoomAvatarURL(room)} alt={room.name} title={room.name} className="avatar" />
|
|
</div>
|
|
}
|
|
|
|
export default Space
|