feat: Clean up the Create Private Message page a bit

[lemmy-ui.git] / src / shared / components / common / icon.tsx

diff --git a/src/shared/components/common/icon.tsx b/src/shared/components/common/icon.tsx
index 7aedee71f30839753e8803ef8f1d55d626d60aec..5b6ddf818677edde9e0c4279ed20b367936dba5d 100644 (file)
--- a/src/shared/components/common/icon.tsx
+++ b/src/shared/components/common/icon.tsx
@@ -35,6 +35,7 @@ export class Icon extends Component<IconProps, any> {
 
 interface SpinnerProps {
   large?: boolean;
+  className?: string;
 }
 
 export class Spinner extends Component<SpinnerProps, any> {
@@ -46,7 +47,9 @@ export class Spinner extends Component<SpinnerProps, any> {
     return (
       <Icon
         icon="spinner"
-        classes={`spin ${this.props.large && "spinner-large"}`}
+        classes={classNames("spin", this.props.className, {
+          "spinner-large": this.props.large,
+        })}
       />
     );
   }