diff --git a/src/components/App.tsx b/src/components/App.tsx
index 66feb83..06da9ab 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -43,7 +43,6 @@ const initialState = {
 };
 
 class App extends React.PureComponent<AppProps, typeof initialState> {
-
   public state = initialState;
 
   private inputRef: React.RefObject<HTMLDivElement>;
@@ -83,7 +82,7 @@ class App extends React.PureComponent<AppProps, typeof initialState> {
       <>
         <CssBaseline />
         {/* sidebar */}
-        <AppBar position="fixed" >
+        <AppBar position="fixed">
           <Toolbar>
             <IconButton
               color="inherit"
@@ -111,9 +110,7 @@ class App extends React.PureComponent<AppProps, typeof initialState> {
           open={!this.props.paneHidden}
         >
           <div className={styles.sidebar_wrapper}>
-            <div
-              className={styles.sidebar_header}
-            >
+            <div className={styles.sidebar_header}>
               <div className={styles.sidebar_header_content}>
                 <Toolbar className={styles.sidebar_header_left}>
                   <IconButton
@@ -131,8 +128,9 @@ class App extends React.PureComponent<AppProps, typeof initialState> {
                   </Typography>
                 </Toolbar>
                 <Toolbar
-                  className={classnames(styles.sidebar_header_right,
-                    { [styles.sidebar_filter_shown]: this.state.filterShown })}
+                  className={classnames(styles.sidebar_header_right, {
+                    [styles.sidebar_filter_shown]: this.state.filterShown,
+                  })}
                 >
                   <Typography variant="h6" className={styles.sidebar_cardlist_name} noWrap={true}>
                     {this.props.cardListTitle}
@@ -145,13 +143,15 @@ class App extends React.PureComponent<AppProps, typeof initialState> {
                     >
                       <FontAwesomeIcon
                         icon="filter"
-                        className={classnames(styles.filter_icon,
-                          { [styles.filter_icon_shown]: !this.state.filterShown })}
+                        className={classnames(styles.filter_icon, {
+                          [styles.filter_icon_shown]: !this.state.filterShown,
+                        })}
                       />
                       <FontAwesomeIcon
                         icon="times"
-                        className={classnames(styles.filter_icon,
-                          { [styles.filter_icon_shown]: this.state.filterShown })}
+                        className={classnames(styles.filter_icon, {
+                          [styles.filter_icon_shown]: this.state.filterShown,
+                        })}
                       />
                     </IconButton>
                     <div className={styles.filter_input}>
@@ -191,9 +191,7 @@ class App extends React.PureComponent<AppProps, typeof initialState> {
             [styles.pane_fullscreen]: this.props.paneHidden,
           })}
         >
-          <Toolbar>
-
-          </Toolbar>
+          <Toolbar />
           <DetailPane />
         </div>
         {/* dialogs */}
@@ -230,4 +228,7 @@ const mapDispatchToProps = (dispatch: Dispatch<any>): Partial<AppProps> => ({
   },
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(App);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(App);
diff --git a/src/components/CardList.tsx b/src/components/CardList.tsx
index eefecd3..b6dabbd 100644
--- a/src/components/CardList.tsx
+++ b/src/components/CardList.tsx
@@ -104,8 +104,13 @@ const mapStateToProps = (state): Partial<CardListProps> => {
   return {
     type: ui.cardTypeFilter,
     course: ui.cardCourseFilter,
-    ...generateCardList(data, data.lastUpdateTime,
-      ui.cardTypeFilter, ui.cardCourseFilter, ui.titleFilter),
+    ...generateCardList(
+      data,
+      data.lastUpdateTime,
+      ui.cardTypeFilter,
+      ui.cardCourseFilter,
+      ui.titleFilter,
+    ),
     title: ui.cardListTitle,
     threshold: ui.cardVisibilityThreshold,
   };
diff --git a/src/components/ContentDetail.tsx b/src/components/ContentDetail.tsx
index f4b6966..8707651 100644
--- a/src/components/ContentDetail.tsx
+++ b/src/components/ContentDetail.tsx
@@ -23,9 +23,9 @@ class ContentDetail extends React.PureComponent<ContentDetailProps, never> {
         <div className={styles.content_detail_lines}>
           <table>
             <tbody>
-            {this.generateLine('课程名称', content.courseName)}
-            {isHomework ? this.generateDetailsForHomework(homework) : null}
-            {isNotification ? this.generateDetailsForNotification(notification) : null}
+              {this.generateLine('课程名称', content.courseName)}
+              {isHomework ? this.generateDetailsForHomework(homework) : null}
+              {isNotification ? this.generateDetailsForNotification(notification) : null}
             </tbody>
           </table>
         </div>
diff --git a/src/components/ContentIgnoreSetting.tsx b/src/components/ContentIgnoreSetting.tsx
index 1f3e365..606ec2f 100644
--- a/src/components/ContentIgnoreSetting.tsx
+++ b/src/components/ContentIgnoreSetting.tsx
@@ -55,11 +55,7 @@ class ContentIgnoreSetting extends React.PureComponent<ContentIgnoreSettingProps
                           checked={s.ignore[type]}
                           onChange={() => {
                             this.props.dispatch(
-                              toggleContentIgnore(
-                                s.course.id,
-                                type,
-                                !s.ignore[type],
-                              ),
+                              toggleContentIgnore(s.course.id, type, !s.ignore[type]),
                             );
                           }}
                         />
diff --git a/src/components/DetailPane.tsx b/src/components/DetailPane.tsx
index 9def4ae..349367b 100644
--- a/src/components/DetailPane.tsx
+++ b/src/components/DetailPane.tsx
@@ -16,11 +16,17 @@ class DetailPane extends React.PureComponent<DetailPaneProps, never> {
     } else if (this.props.content !== undefined) {
       return <ContentDetail content={this.props.content} />;
     } else {
-      return <div style={{
-        height: 'calc(100% - 64px)',
-        width: '100%',
-        position: 'relative',
-      }}><Iframe url={this.props.url} /></div>;
+      return (
+        <div
+          style={{
+            height: 'calc(100% - 64px)',
+            width: '100%',
+            position: 'relative',
+          }}
+        >
+          <Iframe url={this.props.url} />
+        </div>
+      );
     }
   }
 }
diff --git a/src/components/dialogs/LoginDialog.tsx b/src/components/dialogs/LoginDialog.tsx
index c46e55c..a276f0b 100644
--- a/src/components/dialogs/LoginDialog.tsx
+++ b/src/components/dialogs/LoginDialog.tsx
@@ -40,8 +40,11 @@ class LoginDialog extends React.PureComponent<ILoginDialogProps, never> {
             我们对凭据进行了简单的加密，但并不能完全防止其被第三方读取。
             在长时间不使用或者出借计算机时，请务必退出登录，以免您的凭据被泄露。
             <br />
-            如果您选择登录，则视为您已经阅读并同意<a href={'about.html'} target={'_blank'}>此页面</a>中的所有内容。
-            否则，请立刻停止使用并从 Chrome 中卸载本插件。
+            如果您选择登录，则视为您已经阅读并同意
+            <a href={'about.html'} target={'_blank'}>
+              此页面
+            </a>
+            中的所有内容。 否则，请立刻停止使用并从 Chrome 中卸载本插件。
           </DialogContentText>
         </DialogContent>
         <DialogContent>
diff --git a/src/index.tsx b/src/index.tsx
index dee5292..cd0f34d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -23,7 +23,7 @@ const loadApp = () => {
   ReactDOM.render(
     <Provider store={store}>
       <PersistGate loading={null} persistor={persistor}>
-        <App/>
+        <App />
       </PersistGate>
     </Provider>,
     document.querySelector('#main'),
@@ -38,7 +38,7 @@ const loadApp = () => {
         .then(() => {
           store.dispatch<any>(refreshIfNeeded());
         })
-        .catch((e) => {
+        .catch(e => {
           console.error(e);
           store.dispatch(toggleLoginDialog(false));
           store.dispatch(toggleNetworkErrorDialog(true));
diff --git a/src/redux/selectors.ts b/src/redux/selectors.ts
index 78ff297..0729ef1 100644
--- a/src/redux/selectors.ts
+++ b/src/redux/selectors.ts
@@ -72,8 +72,9 @@ export const generateCardList = (
   oldCards = newCards;
 
   if (title !== undefined) {
-    newCards = newCards.filter(l => l.title
-      .toLocaleLowerCase().includes(title.toLocaleLowerCase()));
+    newCards = newCards.filter(l =>
+      l.title.toLocaleLowerCase().includes(title.toLocaleLowerCase()),
+    );
   }
 
   return {
diff --git a/src/utils/console.ts b/src/utils/console.ts
index 537a71f..316ef5d 100644
--- a/src/utils/console.ts
+++ b/src/utils/console.ts
@@ -1,6 +1,6 @@
-const MESSAGE_FORMAT = 'color: blue; font-size: larger';
-
-export const printWelcomeMessage = () => {
-  console.log('%c欢迎使用 Learn Helper！', MESSAGE_FORMAT);
-  console.log('%c诚邀一起参与开发工作，详见 GitHub Harry-Chen/Learn-Project', MESSAGE_FORMAT);
-};
+const MESSAGE_FORMAT = 'color: blue; font-size: larger';
+
+export const printWelcomeMessage = () => {
+  console.log('%c欢迎使用 Learn Helper！', MESSAGE_FORMAT);
+  console.log('%c诚邀一起参与开发工作，详见 GitHub Harry-Chen/Learn-Project', MESSAGE_FORMAT);
+};
diff --git a/src/utils/pubsuffix_stub.js b/src/utils/pubsuffix_stub.js
index c463b35..74c96db 100644
--- a/src/utils/pubsuffix_stub.js
+++ b/src/utils/pubsuffix_stub.js
@@ -1 +1,3 @@
-module.exports.getPublicSuffix = function getPublicSuffix(domain) { return null };
\ No newline at end of file
+module.exports.getPublicSuffix = function getPublicSuffix(domain) {
+  return null;
+};