Merge pull request #33 from joshivaibhavs/feature/twitter-x-logo-change

Feature/twitter x logo change

Author: thisDOTname

.github/workflows/npm-publish.yml

@@ -0,0 +1,42 @@
+name: Publish Package to NPM
+on:
+  release:
+    types: [created]
+  push:
+    branches:
+      - master
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  build-and-publish:
+    runs-on: ubuntu-latest
+    # Only run this job when on the master branch
+    if: github.ref == 'refs/heads/master'
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.x'
+          # This line sets up authentication for npm
+          # You'll need to add NPM_TOKEN secret in your repository settings
+          # Generate a token at https://www.npmjs.com/settings/[your-username]/tokens
+          registry-url: 'https://registry.npmjs.org'
+          
+      - name: Install dependencies
+        run: npm ci || npm install
+
+      # If you have any build or test steps, add them here
+      - name: Build package
+        run: npm run build
+        
+      # Publish to npm
+      - name: Publish to npm
+        run: npm publish --access public
+        env:
+          # This uses the NPM_TOKEN secret you need to set up in your repository
+          # Create this secret in your repo: Settings > Secrets and variables > Actions > New repository secret
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

components/shareIt.vue

@@ -146,11 +146,11 @@ export default {
         switch (key) {
           case 'twitter':
             baseConfig[key].platform = 'twitter';
-            baseConfig[key].defaultIcon = 'twitter';
-            baseConfig[key].defaultLabel = 'Twitter';
+            baseConfig[key].defaultIcon = 'x-twitter';
+            baseConfig[key].defaultLabel = 'X';
             baseConfig[key].defaultColor = '#FFFFFF';
-            baseConfig[key].defaultBackground = '#1DA1F2';
-            baseConfig[key].defaultIconColor = '#1DA1F2';
+            baseConfig[key].defaultBackground = '#000000';
+            baseConfig[key].defaultIconColor = '#000000';
             break;
 
           case 'linkedin':

dist/vue-share-it.js

@@ -1,13 +1,13 @@
 import shareIt from './components/shareIt.vue';
 import shareButton from './components/shareButton.vue';
 import { library } from '@fortawesome/fontawesome-svg-core';
-import { faTwitter, faFacebookF, faWhatsapp, faLinkedin, faRedditAlien } from '@fortawesome/free-brands-svg-icons';
+import { faXTwitter, faFacebookF, faWhatsapp, faLinkedin, faRedditAlien } from '@fortawesome/free-brands-svg-icons';
 import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 const shareItPlugin =  {
   install (Vue, options) {
-    library.add(faTwitter, faFacebookF, faWhatsapp, faLinkedin, faRedditAlien, faEnvelope);
+    library.add(faXTwitter, faFacebookF, faWhatsapp, faLinkedin, faRedditAlien, faEnvelope);
     Vue.component('font-awesome-icon', FontAwesomeIcon);
     Vue.component('share-it', shareIt);
     Vue.component('share-button', shareButton);