nice fluidity and control

This commit is contained in:
talksik
2022-05-18 14:44:48 -05:00
parent f33611a33a
commit 7755a30b50
6 changed files with 32 additions and 11 deletions
@@ -129,13 +129,17 @@ export default React.memo(function LineRow({
onClick={handleActivateLine}
role={'presentation'}
className={`flex flex-row items-center justify-start gap-2 px-4 py-4 hover:bg-gray-200
cursor-pointer transition-all relative z-50 rounded
cursor-pointer transition-all relative z-50 rounded
${isUserToggleTuned && ' bg-gray-100 shadow-2xl '}
${isSelected && ' bg-gray-200 shadow-2xl'}
`}
>
{/* channel picture */}
{profilePictures && <LineIcon grayscale={!isUserTunedIn} sourceImages={profilePictures} />}
{profilePictures && (
<span className={`${isSelected && ' scale-110 transition-all'}`}>
<LineIcon grayscale={!isUserTunedIn} sourceImages={profilePictures} />
</span>
)}
{/* channel name */}
<h2
@@ -14,7 +14,7 @@ import NoTextLogo from '@nirvana/components/logo/NoTextLogo';
*/
export default function NavBar() {
const { user, handleLogout } = useAuth();
const { desktopMode, handleOpenMainApp } = useElectron();
const { desktopMode, handleToggleDesktopMode } = useElectron();
const { handleFlowState } = useSockets();
@@ -22,7 +22,7 @@ export default function SidePanel() {
const { handleFlowState } = useSockets();
const { handleOpenMainApp, desktopMode } = useElectron();
const { handleToggleDesktopMode, desktopMode } = useElectron();
// todo: sort
const allChannels = useMemo(() => {
@@ -75,7 +75,7 @@ export default function SidePanel() {
desktopMode === 'overlayOnly' && 'border-b border-b-gray-200'
}`}
>
<button onClick={handleOpenMainApp} className={'mr-auto'}>
<button onClick={handleToggleDesktopMode} className={'mr-auto'}>
<NoTextLogo type="small" />
</button>