refactor(JobItem): basic look (#1109)

* refactor(JobItem): basic look

* refactor(JobItem): fix ci

Author: mydearxym

src/components/AvatarsRow/index.tsx

@@ -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> = ({

src/components/JobItem/CompanyInfo.js

@@ -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)

src/components/JobItem/DesktopView/Footer.tsx

@@ -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)

src/components/JobItem/DesktopView/Header.tsx

@@ -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)