[Glitch] Rewrite Icon and IconWithBadge with typescript

Port 81f75b1e0e to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
2023-05-01 07:51:00 +09:00
parent 7835f8fd22
commit a49707dacb
4 changed files with 34 additions and 43 deletions
--- a/app/javascript/flavours/glitch/components/icon.tsx
+++ b/app/javascript/flavours/glitch/components/icon.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+
+type Props = {
+  id: string;
+  className?: string;
+  fixedWidth?: boolean;
+  children?: never;
+  [key: string]: any;
+}
+export const Icon: React.FC<Props> = ({ id, className, fixedWidth, ...other }) =>
+  <i className={classNames('fa', `fa-${id}`, className, { 'fa-fw': fixedWidth })} {...other} />;
+
+export default Icon;