fix md convert to sdoc (#6331)

frontend/src/components/toast/alert.js

@@ -21,6 +21,8 @@ class Alert extends React.PureComponent {
         return 'sf3-font sf3-font-exclamation-circle';
       case 'danger':
         return 'sf3-font sf3-font-exclamation-circle';
+      case 'notify-in-progress':
+        return 'loading-icon';
       default:
         return 'sf3-font sf3-font-check-circle';
     }

frontend/src/components/toast/toast.js

@@ -25,7 +25,7 @@ export default class Toast extends React.PureComponent {
     /**
      * The type of the alert.
      */
-    intent: PropTypes.oneOf(['none', 'success', 'warning', 'danger']).isRequired,
+    intent: PropTypes.oneOf(['none', 'success', 'warning', 'danger', 'notify-in-progress']).isRequired,
 
     /**
      * The title of the alert.

frontend/src/components/toast/toaster.css

@@ -78,6 +78,15 @@
   color: rgb(236, 76, 71);
 }
 
+.seahub-toast-alert-container.notify-in-progress {
+  border-left: 3px solid rgb(16, 112, 202);
+  color: rgb(16, 112, 202);
+}
+
+.seahub-toast-alert-container.notify-in-progress .loading-icon {
+  margin: 0;
+}
+
 .seahub-toast-alert-container .toast-alert-icon {
   margin-right: 10px;
   width: 14px;

frontend/src/components/toast/toaster.js

@@ -52,6 +52,10 @@ export default class Toaster {
     return this.notifyHandler(title, { ...settings, intent: 'none' });
   };
 
+  notifyInProgress = (title, settings = {}) => {
+    return this.notifyHandler(title, { ...settings, intent: 'notify-in-progress' });
+  };
+
   success = (title, settings = {}) => {
     return this.notifyHandler(title, { ...settings, intent: 'success' });
   };

frontend/src/pages/lib-content-view/lib-content-view.js

@@ -1303,7 +1303,6 @@ class LibContentView extends React.Component {
       return dirent;
     });
     if (dirent) {
-      // dirent.isSelected = true;
       this.setState({
         direntList: direntList,
         isDirentSelected: true,