feat: Add non-danger variant to ToggleButton

Author: gabriellsh

packages/ui-voip/src/components/ToggleButton.tsx

@@ -11,10 +11,10 @@ type ToggleButtonProps = {
 	onToggle?: () => void;
 } & Omit<ComponentProps<typeof IconButton>, 'icon' | 'title' | 'aria-label' | 'disabled' | 'onClick'>;
 
-const ToggleButton = ({ disabled, label, pressed, icons, titles, onToggle, ...props }: ToggleButtonProps) => {
+const ToggleButton = ({ disabled, label, pressed, icons, titles, onToggle, danger = true, ...props }: ToggleButtonProps) => {
 	const iconName = icons[pressed ? 1 : 0];
 	const title = titles[pressed ? 1 : 0];
-	const iconColor = pressed ? 'font-danger' : undefined;
+	const iconColor = pressed && danger ? 'font-danger' : undefined;
 
 	return (
 		<IconButton

packages/ui-voip/src/views/MediaCallPopoutView.tsx

@@ -139,6 +139,7 @@ const MediaCallPopoutView = ({ user, onClickClosePopout, onClickFullscreen, full
 							icons={['arrow-expand', 'arrow-collapse']}
 							pressed={fullscreen}
 							onToggle={onClickFullscreen}
+							danger={false}
 						/>
 						<DevicePicker secondary />
 					</ButtonGroup>

packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomSection.tsx

@@ -170,6 +170,7 @@ const MediaCallRoomSection = ({ showChat, onToggleChat, user, containerHeight }:
 							icons={['arrow-expand', 'arrow-collapse']}
 							pressed={isPopout}
 							onToggle={togglePopout}
+							danger={false}
 						/>
 						<DevicePicker secondary />
 					</ButtonGroup>