feat: change icon twitter to X

watchakorn-18k · Dec 19, 2023 · d66a51a · d66a51a
1 parent 73d3558
commit d66a51a
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 30 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@icons-pack/react-simple-icons": "^7.2.0",
     "@material-tailwind/react": "^2.0.1",
-    "@tabler/icons-react": "^2.20.0",
+    "@tabler/icons-react": "^2.44.0",
     "@types/node": "^20.2.3",
     "axios": "^1.4.0",
     "copy-image-clipboard": "^2.1.2",

diff --git a/readme.md b/readme.md
@@ -80,6 +80,7 @@ npm run build
 
 # Changelog
 
+- v1.1.9 change icon twitter to X
 - v1.1.8 add button copy image
 - v1.1.7 Fix bug can't access image
 - v1.1.6 Fix bug api and manage error front end and back end

diff --git a/src/components/CardImage/Card.tsx b/src/components/CardImage/Card.tsx
@@ -2,7 +2,7 @@ import {
   IconDownload,
   IconShare,
   IconBrandMeta,
-  IconBrandTwitter,
+  IconBrandX,
   IconBrandLinkedin,
   IconCopy,
 } from "@tabler/icons-react";
@@ -76,7 +76,7 @@ export default function Card({ url, text, index, thumbnail }: Props) {
                   <IconDownload />
                 </button>
               </Tooltip>
-              <div className="dropdown dropdown-end xl:dropdown-right ">
+              <div className="dropdown dropdown-end xl:dropdown-right z-10">
                 <Tooltip className="text" content={t("tool-tip-share")}>
                   <label tabIndex={0} className="btn-text">
                     <IconShare />
@@ -101,11 +101,10 @@ export default function Card({ url, text, index, thumbnail }: Props) {
                     <a
                       href={`https://twitter.com/intent/tweet?url=${encodeURIComponent(
                         url
-                      )}&text=Generate%20image%20from%20text%20with%20 by wk18k!`}
+                      )}&text=Prompt+%22${text}%22+-+Generate+Image+by+wk-18k+&related=ericwastl&hashtags=GenerateImageByWK18K`}
                       target="_blank"
                     >
-                      <IconBrandTwitter />
-                      Twitter
+                      <IconBrandX />X (twitter)
                     </a>
                   </li>
                   <li>

diff --git a/yarn.lock b/yarn.lock
@@ -455,18 +455,18 @@
     "@nodelib/fs.scandir" "2.1.5"
     "fastq" "^1.6.0"
 
-"@tabler/icons-react@^2.20.0":
-  "integrity" "sha512-r2uC0Mi3ozHD2G+IYi0A0Iy2203dbQo5EAFxn055MyIhH7U2VNsvyopTqOj+AVedy7cqR86T9zhryRUGC78WZA=="
-  "resolved" "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.20.0.tgz"
-  "version" "2.20.0"
+"@tabler/icons-react@^2.44.0":
+  "integrity" "sha512-10qwrqJ/QBNgY4YYer9PjWmCwm3wv9aVK8kGAkFKkwu6UJURVLZ2ea+oFh5j6vSXnA1zMtUG+X8anR5fZ67Isw=="
+  "resolved" "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.44.0.tgz"
+  "version" "2.44.0"
   dependencies:
-    "@tabler/icons" "2.20.0"
+    "@tabler/icons" "2.44.0"
     "prop-types" "^15.7.2"
 
-"@tabler/icons@2.20.0":
-  "integrity" "sha512-BsUEJoqREs8bqcrf5HfJBq6/rDvsRI3h+T+0X1o7i8LBHonsH0iAngcyL0I82YKoSy9NiVDvM3LV63zDP0nPYQ=="
-  "resolved" "https://registry.npmjs.org/@tabler/icons/-/icons-2.20.0.tgz"
-  "version" "2.20.0"
+"@tabler/icons@2.44.0":
+  "integrity" "sha512-WPPtihDcAwEm1QZM9MXQw6+r/R2/qx7KMU1eegsi9DsqBLAb0W2kbt6e/syvd6j9c+6XNpRVBW1ziGqSWQAWOg=="
+  "resolved" "https://registry.npmjs.org/@tabler/icons/-/icons-2.44.0.tgz"
+  "version" "2.44.0"
 
 "@tailwindcss/typography@^0.5.9":
   "integrity" "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg=="