Updated channel editor & fixes

src/components/generic/Button.tsx

@@ -65,3 +65,49 @@ export const Button = ({
     </button>
   );
 };
+
+// import React from 'react';
+
+// type DefaultButtonProps = JSX.IntrinsicElements['button'];
+
+// export interface ButtonProps extends DefaultButtonProps {
+//   icon?: JSX.Element;
+//   circle?: boolean;
+//   active?: boolean;
+//   border?: boolean;
+//   confirmAction?: () => void;
+//   rightIcon?: React.ReactNode;
+//   leftIcon?: React.ReactNode;
+//   nested?: boolean;
+// }
+
+// export const Button = ({
+//   rightIcon,
+//   leftIcon,
+//   children,
+//   nested,
+//   ...props
+// }: ButtonProps): JSX.Element => {
+//   return (
+//     <button
+//       className={`select-none flex hover:bg-gray-300 dark:hover:bg-gray-500 rounded-md cursor-pointer active:scale-95 dark:text-white ${
+//         nested
+//           ? 'hover:bg-gray-300 dark:hover:bg-gray-500 dark:bg-gray-600 bg-gray-200'
+//           : 'dark:bg-gray-700 bg-gray-200'
+//       }`}
+//       {...props}
+//     >
+//       {leftIcon && (
+//         <div className="flex py-1 bg-gray-00 rounded-l-md">
+//           <div className="mx-2 my-auto">{leftIcon}</div>
+//         </div>
+//       )}
+//       <div className="flex px-4 py-2 space-x-2 leading-4">{children}</div>
+//       {rightIcon && (
+//         <div className="flex py-2 bg-gray-200 rounded-r-md">
+//           <div className="mx-2 my-auto">{rightIcon}</div>
+//         </div>
+//       )}
+//     </button>
+//   );
+// };