Spaces:

orakzai-io
/

Rednote

Sleeping

Rednote / frontend /src /hooks /useSidebar.ts

orakzai-io

fixing frontend bugs

9f836e6 4 months ago

447 Bytes

import { useState } from 'react';

function isMobile() {
  return typeof window !== 'undefined' && window.innerWidth <= 768;
}

export function useSidebar() {
  // Start closed on mobile so chat fills the screen; open on desktop
  const [sidebarOpen, setSidebarOpen] = useState(() => !isMobile());

  const toggleSidebar = () => {
    setSidebarOpen((prev) => !prev);
  };

  return {
    sidebarOpen,
    toggleSidebar,
  };
}

	import { useState } from 'react';

	function isMobile() {
	return typeof window !== 'undefined' && window.innerWidth <= 768;
	}

	export function useSidebar() {
	// Start closed on mobile so chat fills the screen; open on desktop
	const [sidebarOpen, setSidebarOpen] = useState(() => !isMobile());

	const toggleSidebar = () => {
	setSidebarOpen((prev) => !prev);
	};

	return {
	sidebarOpen,
	toggleSidebar,
	};
	}