Spacebar/client
1
0
Fork 0
mirror of https://github.com/spacebarchat/client.git synced 2024-11-22 10:22:30 +01:00
Code Issues Releases Activity

Update ChannelSidebar.tsx

Browse Source
This commit is contained in:
Puyodead1 2024-04-04 22:25:40 -04:00 committed by Puyodead1
parent 960f9bf875
commit 32208f5ef3
No known key found for this signature in database
GPG Key ID: A4FA4FEC0DD353FC
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ChannelSidebar.tsx
View File

@ -1,4 +1,4 @@
import { useMediaQuery, useWindowSize } from "@uidotdev/usehooks"; import { useWindowSize } from "@uidotdev/usehooks";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { isDesktop } from "react-device-detect"; import { isDesktop } from "react-device-detect";
@ -17,7 +17,7 @@ const Wrapper = styled(Container)`
function ChannelSidebar() { function ChannelSidebar() {
const windowSize = useWindowSize(); const windowSize = useWindowSize();
const isSmallScreen = useMediaQuery("only screen and (max-width: 810px)"); //const isSmallScreen = useMediaQuery("only screen and (max-width: 810px)");
const [size, setSize] = useState<number | undefined>(); const [size, setSize] = useState<number | undefined>();
useEffect(() => { useEffect(() => {
@ -29,7 +29,7 @@ function ChannelSidebar() {
return ( return (
<Wrapper <Wrapper
style={ style={
isSmallScreen && !isDesktop !isDesktop
? { ? {
width: size, width: size,
} }