feat(wip): github repo update

Author: mydearxym

components/ArticleActionsPanel/EditOption.js

@@ -2,6 +2,7 @@ import React from 'react'
 import T from 'prop-types'
 
 import { ICON_CMD } from '@config'
+import { THREAD } from '@utils'
 import withGuardian from '@components/HOC/withGuardian'
 
 import { Option, OptionIcon, OptionTitle } from './styles'
@@ -10,7 +11,11 @@ const EditOption = ({ thread, onEdit }) => (
   <React.Fragment>
     <Option onClick={onEdit.bind(this, thread)}>
       <OptionIcon src={`${ICON_CMD}/edit.svg`} />
-      <OptionTitle>编辑</OptionTitle>
+      {thread === THREAD.REPO ? (
+        <OptionTitle>更新 README.md</OptionTitle>
+      ) : (
+        <OptionTitle>编辑</OptionTitle>
+      )}
     </Option>
   </React.Fragment>
 )

components/GithubRepoPage/index.js

@@ -32,6 +32,7 @@ const log = buildLog('c:GithubRepoPage:index')
 
 const GithubRepoPage = ({
   repo,
+  updating,
   onSearch,
   onPublish,
   onSync,
@@ -43,7 +44,7 @@ const GithubRepoPage = ({
   publishing,
   readOnly,
 }) => (
-  <Wrapper>
+  <Wrapper updating={updating}>
     {!readOnly ? (
       <React.Fragment>{viewerHeader}</React.Fragment>
     ) : (
@@ -87,6 +88,7 @@ const GithubRepoPage = ({
 
 GithubRepoPage.propTypes = {
   repo: T.object.isRequired,
+  updating: T.bool,
   onPublish: T.func,
   onSearch: T.func,
   onSync: T.func,
@@ -103,6 +105,7 @@ GithubRepoPage.propTypes = {
 }
 
 GithubRepoPage.defaultProps = {
+  updating: false,
   onPublish: log,
   onSearch: log,
   onSync: log,

components/GithubRepoPage/sch

@@ -2,9 +2,11 @@ import styled from 'styled-components'
 import { Button } from 'antd'
 
 // import Img from '@Img'
-import { theme, cs } from '@utils'
+import { theme, cs, animate } from '@utils'
 
-export const Wrapper = styled.div``
+export const Wrapper = styled.div`
+  animation: ${({ updating }) => (updating ? animate.updatingRule : '')};
+`
 
 export const BodyWrapper = styled.div`
   ${cs.flexColumn('align-center')};

components/GithubRepoPage/styles/index.js

@@ -70,6 +70,9 @@ const Viewer = ({ type, root, attachment, attUser }) => {
     case TYPE.PREVIEW_REPO_CREATE:
       return <DynamicRepoEditor />
 
+    case TYPE.PREVIEW_REPO_EDIT:
+      return <DynamicRepoEditor />
+
     // video
     case TYPE.PREVIEW_VIDEO_EDIT:
       return <DynamicVideoEditor attachment={attachment} />

containers/Preview/Viewer.js

@@ -32,6 +32,7 @@ const THREAD_CONTENT_CURD_TYPES = [
   // repo
   TYPE.PREVIEW_REPO_VIEW,
   TYPE.PREVIEW_REPO_CREATE,
+  TYPE.PREVIEW_REPO_EDIT,
   // video
   TYPE.PREVIEW_VIDEO_VIEW,
   TYPE.PREVIEW_VIDEO_CREATE,

containers/Preview/store.js

@@ -16,7 +16,7 @@ const TagOptions = ({ onInclude }) => (
     <IncludeOption onClick={onInclude}>只看</IncludeOption>
     <MoreIcon src={`${ICON_CMD}/more.svg`} />
     <Popover
-      placement="bottom"
+      placement="bottomRight"
       trigger="click"
       content={<DiscussLinker title="不看" addr={`${ISSUE_ADDR}/322`} />}
     >

containers/TagsBar/TagOptions.js

@@ -110,7 +110,10 @@ const rotate360CloseRule = css`
   ${rotate360} 2s cubic-bezier(0, 0.56, 0.24, 0.72);
 `
 const breathRule = css`
-  ${breath} 2s linear infinite;
+  ${breath} 1.5s linear infinite;
+`
+const updatingRule = css`
+  ${breath} 1.2s linear infinite;
 `
 
 const animate = {
@@ -129,6 +132,7 @@ const animate = {
   rotate360CloseRule,
   // breath
   breathRule,
+  updatingRule,
 }
 
 export default animate

utils/animations.js

@@ -104,6 +104,7 @@ export const TYPE = {
 
   PREVIEW_REPO_VIEW: 'PREVIEW_REPO_VIEW',
   PREVIEW_REPO_CREATE: 'PREVIEW_REPO_CREATE',
+  PREVIEW_REPO_EDIT: 'PREVIEW_REPO_EDIT',
 
   PREVIEW_VIDEO_VIEW: 'PREVIEW_VIDEO_VIEW',
   PREVIEW_VIDEO_CREATE: 'PREVIEW_VIDEO_CREATE',