refactor: community apply workflow (#1189)

* refactor(publish-community): page js -> ts

* refactor(community-publish): adjust styles

* refactor(publish-community): more js -> ts

* refactor(community-publish): style adjust, wip

* refactor(community-publish): style & text adjust, wip

* refactor(community-publish): info banner layout adjust

* refactor(publish-community): adjust style & validation

* refactor(community-publish): add finished state

* chore: some rule & community/article editor style

* chore(works-editor): style & rules

* chore(works-editor): footer style & toast style adjust

* chore(works-editor): rules adjust

* chore(works-editor): rules adjust

* chore(works-editor): pending & exist check

* chore(works-editor): demo community re-org

* refactor(community): apply community workflow

* refactor(apply-community): more-info ux

* refactor(community-apply): more apply info workflow

* refactor(community-apply): support more types

* refactor(community-apply): route publish -> apply

Author: mydearxym

package-lock.json

@@ -119,7 +119,7 @@
     "sentry-testkit": "^2.1.0",
     "store": "^2.0.12",
     "stringz": "^2.0.0",
-    "styled-components": "5.3.0",
+    "styled-components": "^5.3.3",
     "timeago-react": "3.0.2",
     "tinykeys": "^1.0.6",
     "urql": "^2.0.4"

package.json

@@ -116,9 +116,9 @@ router.route('/radar/:id').get((req, res) => {
 //   return renderAndCache({ req, res, path: '/repo' })
 // })
 
-// 创建新社区
-router.route('/publish/community').get((req, res) => {
-  return renderAndCache({ req, res, page: '/publish/community' })
+// 申请新社区
+router.route('/apply/community').get((req, res) => {
+  return renderAndCache({ req, res, page: '/apply/community' })
 })
 
 // 创建新帖子

server/routes.js

@@ -10,6 +10,7 @@ import dynamic from 'next/dynamic'
 
 import type { TSearchState } from './spec'
 import { ICON_CMD } from '@/config'
+import { ROUTE } from '@/constant'
 import { buildLog } from '@/utils/logger'
 
 import SearchBox from './SearchBox'
@@ -77,7 +78,7 @@ const Banner: FC<TProps> = ({
           <IntroDesc>
             或者，来为你
             <SloganText />
-            <Link href="/create/community" passHref>
+            <Link href={`/${ROUTE.APPLY_COMMUNITY}`} passHref>
               <CreateCommunityLink>建立一个社区</CreateCommunityLink>
             </Link>
             吧！

src/containers/content/ExploreContent/Banner.tsx

@@ -3,8 +3,8 @@ import { AnimateOnChange } from 'react-animation'
 
 import { SloganTextWrapper } from './styles/banner'
 
-const coolThings = ['心爱的作品', '骄傲的团队', '沉淀的知识']
-const SWITCH_INTERVAL = 3000
+const coolThings = ['心爱的作品', '骄傲的团队', '想聊的领域']
+const SWITCH_INTERVAL = 4000
 
 /*
   this line is a hack for AnimateOnChange bug

src/containers/content/ExploreContent/SloganText.tsx

@@ -51,8 +51,9 @@ export const SloganTextWrapper = styled.div<{ highlight?: boolean }>`
     highlight ? theme('thread.articleTitle') : theme('thread.articleDigest')};
 `
 export const CreateCommunityLink = styled.a`
-  color: #327faf;
+  color: ${theme('button.primary')};
   margin-right: 3px;
+  text-decoration: none;
 
   &:hover {
     cursor: pointer;

src/containers/content/ExploreContent/styles/banner.ts

@@ -14,12 +14,12 @@ export const InputWrapper = styled.div`
   ${css.flex('align-center')};
   border-radius: 20px;
   padding: 10px 18px;
-  background-color: ${theme('content.cardBg')};
+  background-color: #0b2631;
   margin-bottom: 8px;
   opacity: 0.8;
   border: 1px solid #1e6184;
   &:hover {
-    background-color: ${theme('content.cardBg')};
+    background-color: #0b2631;
     opacity: 1;
     border: 1px solid #327faf;
   }

src/containers/content/ExploreContent/styles/search_box.ts

@@ -64,9 +64,9 @@ const ArticleEditor = T.model('ArticleEditor', {
       const slf = self as TStore
       const { mode, accountInfo, viewingArticle } = slf
 
-      return (
-        mode === 'update' && accountInfo.login === viewingArticle.author?.login
-      )
+      if (mode === 'publish') return true
+
+      return accountInfo.login === viewingArticle.author?.login
     },
     get thread(): TArticleThread {
       const root = getParent(self) as TRootStore

src/containers/editor/ArticleEditor/store.ts

@@ -0,0 +1,17 @@
+/* eslint-disable jsx-a11y/accessible-emoji */
+import { FC, memo } from 'react'
+
+import { Wrapper, Title, Desc } from '../styles/banner/finished'
+
+// import type { TSetupDomainStatus, TValidState } from '../spec'
+
+const Finished: FC = () => {
+  return (
+    <Wrapper>
+      <Title>👏🏻 &nbsp;&nbsp;感谢你的信任</Title>
+      <Desc>申请将尽快被处理，结果将以邮件等形式告知。</Desc>
+    </Wrapper>
+  )
+}
+
+export default memo(Finished)