replace spinner

apps/app/src/components/PageAttachment/DeleteAttachmentModal.tsx

@@ -13,6 +13,7 @@ import { toastSuccess, toastError } from '~/client/util/toastr';
 import { useDeleteAttachmentModal } from '~/stores/modal';
 import loggerFactory from '~/utils/logger';
 
+import { LoadingSpinner } from '../LoadingSpinner';
 import { Username } from '../User/Username';
 
 import styles from './DeleteAttachmentModal.module.scss';
@@ -85,7 +86,7 @@ export const DeleteAttachmentModal: React.FC = () => {
 
   const deletingIndicator = useMemo(() => {
     if (deleting) {
-      return <div className="speeding-wheel-sm"></div>;
+      return <LoadingSpinner />;
     }
     if (deleteError) {
       return <span>{deleteError}</span>;

apps/app/src/styles/atoms/_spinners.scss

@@ -1,50 +0,0 @@
-.speeding-wheel {
-  width: 32px;
-  height: 32px;
-  border: 2px solid gray;
-  border-right-color: transparent;
-  border-left-color: transparent;
-  border-radius: 50%;
-  animation: cssload-spin 425ms infinite linear;
-}
-
-.speeding-wheel-sm {
-  @extend .speeding-wheel;
-  width: 16px;
-  height: 16px;
-}
-
-@keyframes cssload-spin {
-  100% {
-    transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-o-keyframes cssload-spin {
-  100% {
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-ms-keyframes cssload-spin {
-  100% {
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-webkit-keyframes cssload-spin {
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@-moz-keyframes cssload-spin {
-  100% {
-    -moz-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}

apps/app/src/styles/style-app.scss

@@ -5,7 +5,6 @@
 
 // atoms
 @import 'atoms/buttons';
-@import 'atoms/spinners';
 @import 'atoms/custom_control';
 @import 'atoms/code';
 @import 'atoms/tag';