Merge pull request #381 from orbiting/edit-icon

add edit icon to Article-ActionBar
orbiting · Jan 2, 2020 · 28f3407 · 28f3407
2 parents 1afa474 + ad723ae
commit 28f3407
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 2 deletions.
diff --git a/components/ActionBar/Article.js b/components/ActionBar/Article.js
@@ -34,6 +34,8 @@ class ArticleActionBar extends Component {
       linkedDiscussion,
       ownDiscussion,
       documentId,
+      repoId,
+      isEditor,
       dossierUrl,
       estimatedReadingMinutes,
       estimatedConsumptionMinutes,
@@ -84,6 +86,8 @@ class ArticleActionBar extends Component {
           showShare={!grandSharing}
           fontSize={fontSize}
           documentId={documentId}
+          repoId={repoId}
+          isEditor={isEditor}
           bookmarked={!!userBookmark}
           estimatedReadingMinutes={estimatedReadingMinutes}
           estimatedConsumptionMinutes={estimatedConsumptionMinutes}

diff --git a/components/ActionBar/index.js b/components/ActionBar/index.js
@@ -16,6 +16,8 @@ import { colors } from '@project-r/styleguide'
 
 import { shouldIgnoreClick } from '../Link/utils'
 
+import { PUBLIKATOR_BASE_URL } from '../../lib/constants'
+
 const styles = {
   buttonGroup: css({
     '@media print': {
@@ -69,6 +71,8 @@ class ActionBar extends Component {
       showBookmark,
       showShare,
       documentId,
+      repoId,
+      isEditor,
       bookmarked,
       inNativeApp,
       animate,
@@ -160,6 +164,17 @@ class ActionBar extends Component {
       }
     ]
 
+    const editorIcons = [
+      repoId &&
+        PUBLIKATOR_BASE_URL && {
+          icon: 'edit',
+          href: `${PUBLIKATOR_BASE_URL}/repo/${repoId}/tree`,
+          title: t('feed/actionbar/edit'),
+          size: 23,
+          target: '_blank'
+        }
+    ]
+
     const displayConsumptionMinutes =
       estimatedConsumptionMinutes > estimatedReadingMinutes
         ? estimatedConsumptionMinutes
@@ -197,6 +212,12 @@ class ActionBar extends Component {
           {displayConsumptionMinutes > 1 && (
             <ReadingTime minutes={displayConsumptionMinutes} />
           )}
+          {isEditor &&
+            editorIcons
+              .filter(Boolean)
+              .map((props, i) => (
+                <IconLink key={props.icon} fill={colors.social} {...props} />
+              ))}
         </span>
       </Fragment>
     )

diff --git a/components/Article/Page.js b/components/Article/Page.js
@@ -393,7 +393,8 @@ class ArticlePage extends Component {
       inNativeIOSApp,
       inIOS,
       router,
-      isMember
+      isMember,
+      isEditor
     },
     state
   ) {
@@ -427,6 +428,8 @@ class ArticlePage extends Component {
         inNativeApp={inNativeApp}
         inIOS={inIOS}
         documentId={article.id}
+        repoId={article.repoId}
+        isEditor={isEditor}
         userBookmark={article.userBookmark}
         showBookmark={isMember}
         estimatedReadingMinutes={meta.estimatedReadingMinutes}

diff --git a/components/IconLink.js b/components/IconLink.js
@@ -25,6 +25,7 @@ import KeyIcon from 'react-icons/lib/fa/key'
 import VideoIcon from './Icons/Video'
 import MarkdownIcon from './Icons/Markdown'
 import EtiquetteIcon from './Icons/Etiquette'
+import EditIcon from 'react-icons/lib/fa/edit'
 
 const DEFAULT_SIZE = 24
 const DEFAULT_PADDING = 5
@@ -137,7 +138,8 @@ const ICONS = {
   time: TimeIcon,
   video: VideoIcon,
   etiquette: EtiquetteIcon,
-  fontSize: FontSizeIcon
+  fontSize: FontSizeIcon,
+  edit: EditIcon
 }
 
 const IconLink = ({

diff --git a/lib/constants.js b/lib/constants.js
@@ -18,6 +18,8 @@ export const CDN_FRONTEND_BASE_URL =
 export const RENDER_FRONTEND_BASE_URL =
   ENV.RENDER_FRONTEND_BASE_URL || PUBLIC_BASE_URL
 
+export const PUBLIKATOR_BASE_URL = ENV.PUBLIKATOR_BASE_URL
+
 export const PIWIK_URL_BASE = ENV.PIWIK_URL_BASE
 export const PIWIK_SITE_ID = ENV.PIWIK_SITE_ID
 

diff --git a/lib/translations.json b/lib/translations.json
@@ -2950,6 +2950,10 @@
       "key": "feed/actionbar/readingTime/other",
       "value": "ungefähr {minutes} Minuten"
     },
+    {
+      "key": "feed/actionbar/edit",
+      "value": "Im Publikator bearbeiten"
+    },
     {
       "key": "format/feed/title/1",
       "value": "Ein Beitrag"