import styled from "styled-components"; import { useEffect, useState } from "preact/hooks"; import ChannelHeader from "./ChannelHeader"; import { useParams } from "react-router-dom"; import { MessageArea } from "./messaging/MessageArea"; import Checkbox from "../../components/ui/Checkbox"; import Button from "../../components/ui/Button"; // import { useRenderState } from "../../lib/renderer/Singleton"; import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice"; import MessageBox from "../../components/common/messaging/MessageBox"; import { useChannel, useForceUpdate } from "../../context/revoltjs/hooks"; import MemberSidebar from "../../components/navigation/right/MemberSidebar"; import JumpToBottom from "../../components/common/messaging/bars/JumpToBottom"; import TypingIndicator from "../../components/common/messaging/bars/TypingIndicator"; import { Channel } from "revolt.js"; import VoiceHeader from "./voice/VoiceHeader"; const ChannelMain = styled.div` flex-grow: 1; display: flex; min-height: 0; overflow: hidden; flex-direction: row; `; const ChannelContent = styled.div` flex-grow: 1; display: flex; overflow: hidden; flex-direction: column; `; export function Channel({ id }: { id: string }) { const ctx = useForceUpdate(); const channel = useChannel(id, ctx); if (!channel) return null; if (channel.channel_type === 'VoiceChannel') { return ; } else { return ; } } function TextChannel({ channel }: { channel: Channel }) { const [ showMembers, setMembers ] = useState(true); if ((channel.channel_type === 'TextChannel' || channel.channel_type === 'Group') && channel.name.includes('nsfw')) { const [ consent, setConsent ] = useState(false); const [ ageGate, setAgeGate ] = useState(false); if (!ageGate) { return (

this channel is marked as nsfw

setConsent(v)}>I am at least 18 years old
) } } let id = channel._id; return <> setMembers(!showMembers)} /> { !isTouchscreenDevice && showMembers && } ; } function VoiceChannel({ channel }: { channel: Channel }) { return <> ; } export default function() { const { channel } = useParams<{ channel: string }>(); return ; }