From 35723a4f560f15fe80ee5630a4c0ac57671a2299 Mon Sep 17 00:00:00 2001
From: mydearxym <mydearxym@qq.com>
Date: Fri, 23 Jul 2021 22:07:53 +0800
Subject: [PATCH 1/2] feat(share): add telegram share

---
 public/icons/static/social/telegram-share.png | Bin 0 -> 8078 bytes
 src/containers/tool/Share/Platforms.tsx       |   7 +++++++
 src/containers/tool/Share/constant.ts         |   1 +
 src/containers/tool/Share/logic.ts            |   6 ++++++
 4 files changed, 14 insertions(+)
 create mode 100644 public/icons/static/social/telegram-share.png

diff --git a/public/icons/static/social/telegram-share.png b/public/icons/static/social/telegram-share.png
new file mode 100644
index 0000000000000000000000000000000000000000..cffce179ff4a8e74ee7dd3b8be27fcc8c70cf5bd
GIT binary patch
literal 8078
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

literal 0
HcmV?d00001

diff --git a/src/containers/tool/Share/Platforms.tsx b/src/containers/tool/Share/Platforms.tsx
index 43167d4af..5c40ac5fb 100644
--- a/src/containers/tool/Share/Platforms.tsx
+++ b/src/containers/tool/Share/Platforms.tsx
@@ -51,6 +51,13 @@ const medias = [
     small: true,
     type: SHARE_TYPE.EMAIL,
   },
+  {
+    id: '5',
+    title: 'Telegram',
+    logo: `${ICON}/social/telegram-share.png`,
+    bg: 'white',
+    type: SHARE_TYPE.TELEGRAM,
+  },
   {
     id: '6',
     title: '微博',
diff --git a/src/containers/tool/Share/constant.ts b/src/containers/tool/Share/constant.ts
index 6fb4b2b97..9cf126548 100644
--- a/src/containers/tool/Share/constant.ts
+++ b/src/containers/tool/Share/constant.ts
@@ -8,6 +8,7 @@ export const OUTSIDE_SHARE_TYPE = {
   TWITTER: 'twitter',
   EMAIL: 'email',
   WECHAT: 'wechat',
+  TELEGRAM: 'telegram',
   // QQ: 'qq',
   WEIBO: 'weibo',
   FACEBOOK: 'facebook',
diff --git a/src/containers/tool/Share/logic.ts b/src/containers/tool/Share/logic.ts
index 171772f0c..5c0c38ac7 100755
--- a/src/containers/tool/Share/logic.ts
+++ b/src/containers/tool/Share/logic.ts
@@ -52,6 +52,12 @@ export const toPlatform = (type: string): void => {
       // return openShareWindow('https://twitter.com/share', param)
     }
 
+    case SHARE_TYPE.TELEGRAM: {
+      const param = { url, text: title }
+
+      return openShareWindow('https://telegram.me/share/url', param)
+    }
+
     case SHARE_TYPE.EMAIL: {
       const param = { subject: title, body: `${url}\n\n${digest}` }
       return openShareWindow('mailto:', param)

From 3abfba37029fe380d2f480e32f8a80d3d1026d9f Mon Sep 17 00:00:00 2001
From: mydearxym <mydearxym@qq.com>
Date: Fri, 23 Jul 2021 22:31:06 +0800
Subject: [PATCH 2/2] refactor(share): add article title to header

---
 src/containers/tool/Share/Platforms.tsx      | 15 ++++++++++++++-
 src/containers/tool/Share/index.tsx          |  4 ++--
 src/containers/tool/Share/styles/platform.ts | 19 ++++++++++++++++++-
 utils/css/media.ts                           |  2 +-
 4 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/containers/tool/Share/Platforms.tsx b/src/containers/tool/Share/Platforms.tsx
index 5c40ac5fb..4a8d5abd9 100644
--- a/src/containers/tool/Share/Platforms.tsx
+++ b/src/containers/tool/Share/Platforms.tsx
@@ -1,10 +1,14 @@
 import { FC, memo } from 'react'
 
 import { ICON } from '@/config'
+import type { TArticle } from '@/spec'
 
 import { SHARE_TYPE } from './constant'
 import {
   Wrapper,
+  Header,
+  Hint,
+  Article,
   InnerWrapper,
   Media,
   Logo,
@@ -73,9 +77,18 @@ const medias = [
   },
 ]
 
-const Platforms: FC = () => {
+type TProps = {
+  article: TArticle
+}
+
+const Platforms: FC<TProps> = ({ article }) => {
   return (
     <Wrapper>
+      <Header>
+        <Hint>分享</Hint>
+        <Article>{article.title}</Article>
+        <Hint>到:</Hint>
+      </Header>
       <InnerWrapper>
         {medias.map((item) => (
           <Media key={item.id} onClick={() => toPlatform(item.type)}>
diff --git a/src/containers/tool/Share/index.tsx b/src/containers/tool/Share/index.tsx
index a4e4db04d..916102a1d 100755
--- a/src/containers/tool/Share/index.tsx
+++ b/src/containers/tool/Share/index.tsx
@@ -25,13 +25,13 @@ type TProps = {
 
 const ShareContainer: FC<TProps> = ({ share: store, testid }) => {
   useInit(store)
-  const { show, siteShareType, linksData } = store
+  const { show, siteShareType, linksData, viewingArticle } = store
 
   return (
     <Fragment>
       <Modal width="450px" show={show} showCloseBtn onClose={close}>
         <Wrapper testid={testid} type={siteShareType}>
-          <Platforms />
+          <Platforms article={viewingArticle} />
           <InfoPanel type={siteShareType} linksData={linksData} />
         </Wrapper>
       </Modal>
diff --git a/src/containers/tool/Share/styles/platform.ts b/src/containers/tool/Share/styles/platform.ts
index a165c8aa3..0b2f40e20 100644
--- a/src/containers/tool/Share/styles/platform.ts
+++ b/src/containers/tool/Share/styles/platform.ts
@@ -4,13 +4,30 @@ import { css, theme } from '@/utils'
 import Img from '@/Img'
 
 export const Wrapper = styled.div`
-  padding: 20px 20px;
+  padding-left: 20px;
+  padding-right: 20px;
   width: 100%;
   min-height: 220px;
   background: ${theme('modal.bg')};
   filter: drop-shadow(3px 3px 6px #002a34);
   transition: min-height 0.2s;
 `
+export const Header = styled.div`
+  ${css.flex('align-end')};
+  margin-top: 15px;
+  padding-left: 25px;
+  margin-bottom: 20px;
+`
+export const Hint = styled.div`
+  color: ${theme('thread.articleDigest')};
+  font-size: 13px;
+`
+export const Article = styled.div`
+  color: ${theme('thread.articleTitle')};
+  ${css.cutRest('180px')};
+  font-size: 14px;
+  margin-left: 5px;
+`
 export const InnerWrapper = styled.div`
   ${css.flex()};
   flex-wrap: wrap;
diff --git a/utils/css/media.ts b/utils/css/media.ts
index 4f4d34d07..b40c4fd2c 100644
--- a/utils/css/media.ts
+++ b/utils/css/media.ts
@@ -10,7 +10,7 @@ export const mediaBreakPoints = {
   tablet: 768,
   laptop: 992,
   laptopM: 1280,
-  laptopL: 1440,
+  laptopL: 1400,
   maxContent: 1520, // WIDTH.COMMUNITY.PAGE
   desktop: 1600,
   // currently used as forms of drawer content (slideout/modal)