Apply CC license for articles

Author: balthild

public/assets/img/cc/by.svg

@@ -38,3 +38,15 @@
     align-items: center;
     margin-top: 16px;
 }
+
+.copyleft {
+    display: block;
+    margin-top: 8px;
+    text-align: right;
+
+    .cc-icon {
+        width: 20px;
+        height: 20px;
+        margin-right: 4px;
+    }
+}

public/assets/img/cc/cc.svg

@@ -110,11 +110,23 @@ export default class Article extends React.Component<ArticleProps, ArticleState>
                                     __html: renderMarkdown(article.content)
                                 }}
                             />
+
                             {article.tags.length > 0 && (
                                 <div className="article-footer">
                                     {article.tags.map((tag, i) => <Tag key={i}>{tag}</Tag>)}
                                 </div>
                             )}
+
+                            <a
+                                className="copyleft"
+                                href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh"
+                                target="_blank"
+                            >
+                                <img className="cc-icon" src="/assets/img/cc/cc.svg" alt="CC" />
+                                <img className="cc-icon" src="/assets/img/cc/by.svg" alt="BY" />
+                                <img className="cc-icon" src="/assets/img/cc/nc.svg" alt="NC" />
+                                <img className="cc-icon" src="/assets/img/cc/sa.svg" alt="SA" />
+                            </a>
                         </Card>
                     </WithSidebar>
                 </div>

public/assets/img/cc/nc.svg

@@ -1,4 +1,3 @@
-import './parts/Editor.scss';
 import React from 'react';
 import { Article, nullArticle, User } from '@/types';
 import { State } from '@/reducers';

public/assets/img/cc/sa.svg

@@ -1,4 +1,3 @@
-import './parts/Editor.scss';
 import React from 'react';
 import { Article, nullArticle, User } from '@/types';
 import { State } from '@/reducers';

src/components/Article.scss

@@ -62,10 +62,14 @@ export class Admin extends React.PureComponent<AdminProps> {
                 <div className={'flex-spacer ' + (this.props.immersive || 'container-fluid panel-container')}>
                     <Switch>
                         <Route exact path="/admin" component={Overview} />
+
                         <Route path="/admin/articles/all" component={AllArticles} />
                         <Route path="/admin/articles/pending" component={PendingArticles} />
                         <Route path="/admin/articles/published" component={PublishedArticles} />
                         <Route path="/admin/articles/preview/:id(\w+)" component={PreviewArticle} />
+
+                        <Route path="/admin/join/invalid" component={PendingArticles} />
+                        <Route path="/admin/join/approved" component={PublishedArticles} />
                     </Switch>
                 </div>
             </Layout>

src/components/Article.tsx

@@ -1,4 +1,3 @@
-import '@/components/parts/Editor.scss';
 import React from 'react';
 import { Article, ArticleStatus, nullArticle } from '@/types';
 import { State } from '@/reducers';