Revert "feat: use feather icons"

This reverts commit 1d74e8c.

Author: coderbyheart

src/Chat/Twilio/ChannelView.tsx

@@ -26,7 +26,6 @@ import {
 	OtherChannelHeader,
 } from '../components/ChannelView'
 import { UserDescriptor } from 'twilio-chat/lib/userdescriptor'
-import { XSquare, Maximize2, Minimize2 } from 'react-feather'
 
 type AuthorMap = { [key: string]: User }
 type AuthorNicks = { [key: string]: string | undefined }
@@ -361,7 +360,7 @@ export const ChannelView = ({
 								onCloseChannel(otherChannel)
 							}}
 						>
-							<XSquare />
+							X
 						</MinimizeButton>
 					</OtherChannelHeader>
 				))}
@@ -373,35 +372,35 @@ export const ChannelView = ({
 					Chat: <strong>#{selectedChannel}</strong>
 				</Title>
 				<span>
-					{!isMinimized && (
+					{joinedChannels.length > 1 && (
 						<MinimizeButton
-							onClick={() => {
-								memoMinimized(true)
+							onClick={e => {
+								e.stopPropagation()
+								onSwitchChannel(
+									joinedChannels.find(c => c !== selectedChannel) as string,
+								)
+								onCloseChannel(selectedChannel)
 							}}
 						>
-							<Minimize2 />
+							X
 						</MinimizeButton>
 					)}
-					{isMinimized && (
+					{!isMinimized && (
 						<MinimizeButton
 							onClick={() => {
-								memoMinimized(false)
+								memoMinimized(true)
 							}}
 						>
-							<Maximize2 />
+							_
 						</MinimizeButton>
 					)}
-					{joinedChannels.length > 1 && (
+					{isMinimized && (
 						<MinimizeButton
-							onClick={e => {
-								e.stopPropagation()
-								onSwitchChannel(
-									joinedChannels.find(c => c !== selectedChannel) as string,
-								)
-								onCloseChannel(selectedChannel)
+							onClick={() => {
+								memoMinimized(false)
 							}}
 						>
-							<XSquare />
+							+
 						</MinimizeButton>
 					)}
 				</span>

src/Chat/components/ChannelView.ts

@@ -44,15 +44,12 @@ export const Button = styled.button`
 	margin: 0.5rem;
 `
 
-export const MinimizeButton = styled.button`
+export const MinimizeButton = styled(Button)`
 	width: 30px;
-	height: 30px;
-	border: 0;
-	padding: 0;
+	border-color: #fff;
 	${Header} & {
 		color: inherit;
 	}
-	background-color: transparent;
 	cursor: pointer;
 `