Merge pull request #19 from Bunlong/v0.5.0

LiveJournal Share Button and Icon

Author: Bunlong

README.md

@@ -23,6 +23,7 @@ Social media share buttons for your next React apps.
   * Whatsapp
   * Linkedin
   * VKShare
+  * Livejournal
 
 ## 🔧 Install
 
@@ -234,6 +235,23 @@ import {
 </VKShareButton>
 ```
 
+### 🎀 Livejournal
+
+```js
+import {
+  LivejournalShareButton,
+  LivejournalIcon,
+} from 'next-share'
+
+<LivejournalShareButton
+  url={'https://github.com/next-share'}
+  title={'Next Share'}
+  description={'https://github.com/next-share'}
+>
+  <LivejournalIcon size={32} round />
+</LivejournalShareButton>
+```
+
 ## 📚 Icons Documentation
 
 ### 📖 Icons Props
@@ -961,6 +979,60 @@ import {
   </tr>
 </table>
 
+### 📖 LivejournalShareButton Props
+
+<table>
+  <tr>
+    <th>Props</th>
+    <th>Type</th>
+    <th>Default</th>
+    <th>Description</th>
+    <th>Required</th>
+  </tr>
+  <tr>
+    <td>children</td>
+    <td>React node</td>
+    <td></td>
+    <td>React component, HTML element or string.</td>
+    <td>✅</td>
+  </tr>
+  <tr>
+    <td>url</td>
+    <td>string</td>
+    <td></td>
+    <td>The URL of the shared page.</td>
+    <td>✅</td>
+  </tr>
+  <tr>
+    <td>title</td>
+    <td>string</td>
+    <td></td>
+    <td>The title of the shared page.</td>
+    <td>❌</td>
+  </tr>
+  <tr>
+    <td>description</td>
+    <td>string</td>
+    <td></td>
+    <td>Description of the shared page.</td>
+    <td>❌</td>
+  </tr>
+  <tr>
+    <td>windowWidth</td>
+    <td>number</td>
+    <td>550</td>
+    <td>Opened window width.</td>
+    <td>❌</td>
+  </tr>
+  <tr>
+    <td>windowHeight</td>
+    <td>number</td>
+    <td>400</td>
+    <td>Opened window height.</td>
+    <td>❌</td>
+  </tr>
+</table>
+
 ## 💖 Wrap Up
 
 If you think any of the `next-share` can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

examples/javascript/src/App.js

@@ -26,6 +26,8 @@ import {
   VKIcon,
   MailruShareButton,
   MailruIcon,
+  LivejournalShareButton,
+  LivejournalIcon,
 } from 'next-share'
 
 function App() {
@@ -142,6 +144,15 @@ function App() {
           <MailruIcon size={32} round />
         </div>
       </MailruShareButton>
+      <LivejournalShareButton
+        url={'https://github.com/next-share'}
+        title={'Next Share'}
+        description={'https://github.com/next-share'}
+      >
+        <div style={{marginRight: 10, width: 32, height: 32}}>
+          <LivejournalIcon size={32} round />
+        </div>
+      </LivejournalShareButton>
     </div>
   )
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-share",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Social media share buttons for your next React apps.",
   "author": "Bunlong <[email protected]>",
   "license": "MIT",

src/components/buttons/LivejournalShareButton.ts

@@ -0,0 +1,33 @@
+import transformObjectToParams from '../../utils';
+import createShareButton from '../../hocs/createShareButton';
+
+function livejournalLink(
+  _url: string,
+  { title, description }: { title?: string; description?: string },
+) {
+  return (
+    'https://www.livejournal.com/update.bml' +
+    transformObjectToParams({
+      subject: title,
+      event: description,
+    })
+  );
+}
+
+const LivejournalShareButton = createShareButton<{
+  title?: string;
+  description?: string;
+}>(
+  'livejournal',
+  livejournalLink,
+  (props) => ({
+    title: props.title,
+    description: props.description,
+  }),
+  {
+    windowWidth: 660,
+    windowHeight: 460,
+  },
+);
+
+export default LivejournalShareButton;

src/icons/LivejournalIcon.ts

@@ -0,0 +1,10 @@
+import createIcon from '../hocs/createIcon';
+
+const LivejournalIcon = createIcon({
+  color: '#21A5D8',
+  name: 'livejournal',
+  path:
+    'M18.3407821,28.1764706 L21.9441341,31.789916 L33.0055865,42.882353 C33.0055865,42.882353 33.0893855,42.9663866 33.0893855,42.9663866 L46.6648046,47 C46.6648046,47 46.6648046,47 46.7486034,47 C46.8324022,47 46.8324022,47 46.9162012,46.9159664 C47,46.8319327 47,46.8319327 47,46.7478991 L42.9776536,33.1344537 C42.9776536,33.1344537 42.9776536,33.1344537 42.8938548,33.0504202 L31.1620111,21.3697479 L31.1620111,21.3697479 L28.1452514,18.2605042 C27.3072626,17.4201681 26.5530726,17 25.7150838,17 C24.2905028,17 23.0335195,18.3445378 21.5251397,19.8571429 C21.273743,20.1092437 20.9385475,20.4453781 20.6871508,20.697479 C20.3519553,21.0336134 20.1005586,21.2857143 19.849162,21.5378151 C18.3407821,22.9663866 17.0837989,24.2268908 17,25.7394958 C17.0837989,26.4957983 17.5027933,27.3361345 18.3407821,28.1764706 Z M39.9012319,39.6134454 C39.7336341,39.4453781 39.4822374,37.6806724 40.2364275,36.8403362 C40.9906174,36.0840337 41.6610084,36 42.1638017,36 C42.3313995,36 42.4989973,36 42.5827961,36 L44.8453659,43.5630253 L43.5883828,44.8235295 L36.0464833,42.5546218 C35.9626843,42.2184874 35.8788855,41.2100841 36.8844722,40.2016807 C37.2196676,39.8655463 37.8900587,39.6134454 38.5604498,39.6134454 C39.147042,39.6134454 39.5660364,39.7815126 39.5660364,39.7815126 C39.6498353,39.8655463 39.8174331,39.8655463 39.8174331,39.7815126 C39.9850307,39.7815126 39.9850307,39.697479 39.9012319,39.6134454 Z',
+});
+
+export default LivejournalIcon;

src/next-share.ts

@@ -12,6 +12,7 @@ export { default as WhatsappIcon } from './icons/WhatsappIcon';
 export { default as LinkedinIcon } from './icons/LinkedinIcon';
 export { default as VKIcon } from './icons/VKIcon';
 export { default as MailruIcon } from './icons/MailruIcon';
+export { default as LivejournalIcon } from './icons/LivejournalIcon';
 
 // Buttons
 export { default as FacebookShareButton } from './components/buttons/FacebookShareButton';
@@ -27,3 +28,4 @@ export { default as WhatsappShareButton } from './components/buttons/WhatsappSha
 export { default as LinkedinShareButton } from './components/buttons/LinkedinShareButton';
 export { default as VKShareButton } from './components/buttons/VKShareButton';
 export { default as MailruShareButton } from './components/buttons/MailruShareButton';
+export { default as LivejournalShareButton } from './components/buttons/LivejournalShareButton';