Jul 11, 2021 · Jul 11, 2021 · Jul 11, 2021
diff --git a/src/components/AvatarsRow/index.tsx b/src/components/AvatarsRow/index.tsx
  reverse?: boolean
  scrollPosition?: any

  onUserSelect: (user: TUser) => void
  onTotalSelect: () => void
  onUserSelect?: (user: TUser) => void
  onTotalSelect?: () => void
 }

 const AvatarsRow: FC<TProps> = ({
diff --git a/src/components/JobItem/CompanyInfo.js b/src/components/JobItem/CompanyInfo.js
diff --git a/src/components/JobItem/DesktopView/Footer.tsx b/src/components/JobItem/DesktopView/Footer.tsx
 import { FC, memo } from 'react'

 const Footer: FC = () => {
  return (
    <div>
      <div>mydearxym 发布于： 3 天前</div>
      <div>
        你和 头像 Raw 等 24 人觉得不错 -- 评论 35，收藏, 分享, 举报(more 里面)
      </div>
    </div>
  )
 }

 export default memo(Footer)
diff --git a/src/components/JobItem/DesktopView/Header.tsx b/src/components/JobItem/DesktopView/Header.tsx
 import { FC, memo } from 'react'

 import type { TTag } from '@/spec'
 import { cutRest } from '@/utils'
 import InlineTags from '@/components/InlineTags'

 import { Wrapper, Title } from '../styles/desktop_view/header'

 type TProps = {
  title: string
  tags: TTag[]
 }

 const Header: FC<TProps> = ({ title, tags }) => {
  return (
    <Wrapper>
      <Title>{cutRest(title, 100)}</Title>
      <InlineTags data={tags} />
    </Wrapper>
  )
 }

 export default memo(Header)
diff --git a/src/components/JobItem/DesktopView/index.tsx b/src/components/JobItem/DesktopView/index.tsx
 import { FC, memo } from 'react'

 import type { TJob } from '@/spec'

 import { cutRest } from '@/utils'
 import DigestSentence from '@/components/DigestSentence'
 import { Br } from '@/components/Common'

 import Header from './Header'
 import Footer from './Footer'

 import { Wrapper } from '../styles/desktop_view'

 type TProps = {
  entry: TJob
 }

 const DesktopView: FC<TProps> = ({ entry }) => {
  const { title, tags } = entry

  return (
    <Wrapper>
      <Header title={title} tags={tags} />
      <Br top={15} />
      <DigestSentence top={5} bottom={15} onPreview={() => console.log}>
        {cutRest(
          '我是一家很酷的团队, 我是一家很酷的团队, 我是一家很酷的团队,我是一家很酷的团队, 我是一家很酷的团队, 我是一家很酷的团队',
          100,
        )}
      </DigestSentence>
      <Br top={10} />
      <div>图片列表，可预览</div>
      <Br top={20} />
      <Footer />
    </Wrapper>
  )
 }

 export default memo(DesktopView)
diff --git a/src/components/JobItem/DigestView.js b/src/components/JobItem/DigestView.js
diff --git a/src/components/JobItem/JobInfo.js b/src/components/JobItem/JobInfo.js
diff --git a/src/components/JobItem/helper.js b/src/components/JobItem/helper.js
diff --git a/src/components/JobItem/index.js b/src/components/JobItem/index.js
Original file line number	Diff line number	Diff line change
Expand Up		@@ -48,8 +48,8 @@ export type TProps = {
		reverse?: boolean
		scrollPosition?: any

		onUserSelect: (user: TUser) => void
		onTotalSelect: () => void
		onUserSelect?: (user: TUser) => void
		onTotalSelect?: () => void
		}

		const AvatarsRow: FC<TProps> = ({
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,14 @@
		import { FC, memo } from 'react'

		const Footer: FC = () => {
		return (
		<div>
		<div>mydearxym 发布于： 3 天前</div>
		<div>
		你和头像 Raw 等 24 人觉得不错 -- 评论 35，收藏, 分享, 举报(more 里面)
		</div>
		</div>
		)
		}

		export default memo(Footer)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,23 @@
		import { FC, memo } from 'react'

		import type { TTag } from '@/spec'
		import { cutRest } from '@/utils'
		import InlineTags from '@/components/InlineTags'

		import { Wrapper, Title } from '../styles/desktop_view/header'

		type TProps = {
		title: string
		tags: TTag[]
		}

		const Header: FC<TProps> = ({ title, tags }) => {
		return (
		<Wrapper>
		<Title>{cutRest(title, 100)}</Title>
		<InlineTags data={tags} />
		</Wrapper>
		)
		}

		export default memo(Header)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,39 @@
		import { FC, memo } from 'react'

		import type { TJob } from '@/spec'

		import { cutRest } from '@/utils'
		import DigestSentence from '@/components/DigestSentence'
		import { Br } from '@/components/Common'

		import Header from './Header'
		import Footer from './Footer'

		import { Wrapper } from '../styles/desktop_view'

		type TProps = {
		entry: TJob
		}

		const DesktopView: FC<TProps> = ({ entry }) => {
		const { title, tags } = entry

		return (
		<Wrapper>
		<Header title={title} tags={tags} />
		<Br top={15} />
		<DigestSentence top={5} bottom={15} onPreview={() => console.log}>
		{cutRest(
		'我是一家很酷的团队, 我是一家很酷的团队, 我是一家很酷的团队,我是一家很酷的团队, 我是一家很酷的团队, 我是一家很酷的团队',
		100,
		)}
		</DigestSentence>
		<Br top={10} />
		<div>图片列表，可预览</div>
		<Br top={20} />
		<Footer />
		</Wrapper>
		)
		}

		export default memo(DesktopView)