Merge pull request #172 from odracirdev/develop

fix: 🐛 Correción de ícono
UXCorpRangel · Jul 14, 2024 · 48a14cc · 48a14cc
2 parents 6c4a6e7 + 1cf5144
commit 48a14cc
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/src/components/Icon/Icons.ts b/src/components/Icon/Icons.ts
@@ -25,6 +25,7 @@ export enum IconSize {
 export enum IconCatalog {
   arrowDownTray = 'arrowDownTray',
   arrowRight = 'arrowRight',
+  arrowUpRight = 'arrowUpRight',
   discord = 'discord',
   documentCheck = 'documentCheck',
   gitHub = 'gitHub',
@@ -51,6 +52,10 @@ export const Icons: Record<IconCatalog, IconType> = {
   [IconCatalog.arrowRight]: {
     outline: 'M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3',
   },
+  [IconCatalog.arrowUpRight]: {
+    outline:
+      'M0.329505 12.4312C-0.109835 11.9919 -0.109835 11.2796 0.329505 10.8402L8.15901 3.01074H2.625C2.00368 3.01074 1.5 2.50706 1.5 1.88574C1.5 1.26442 2.00368 0.760742 2.625 0.760742H10.875C11.4963 0.760742 12 1.26442 12 1.88574V10.1357C12 10.7571 11.4963 11.2607 10.875 11.2607C10.2537 11.2607 9.75 10.7571 9.75 10.1357V4.60173L1.9205 12.4312C1.48116 12.8706 0.768844 12.8706 0.329505 12.4312Z',
+  },
   [IconCatalog.discord]: {
     outline:
       'M18.93 5.38a16.492 16.492 0 0 0-4.07-1.263.062.062 0 0 0-.066.03c-.186.34-.355.687-.507 1.042a15.223 15.223 0 0 0-4.572 0 10.568 10.568 0 0 0-.514-1.041.064.064 0 0 0-.066-.031 16.447 16.447 0 0 0-4.07 1.263.058.058 0 0 0-.028.023c-2.593 3.873-3.303 7.652-2.955 11.383a.069.069 0 0 0 .027.047 16.587 16.587 0 0 0 4.994 2.525.065.065 0 0 0 .07-.024c.386-.525.727-1.08 1.022-1.662a.063.063 0 0 0-.035-.088 10.925 10.925 0 0 1-1.56-.743.065.065 0 0 1-.032-.052.064.064 0 0 1 .025-.055c.106-.078.209-.16.31-.242a.062.062 0 0 1 .065-.009c3.273 1.494 6.816 1.494 10.05 0a.061.061 0 0 1 .066.008c.1.082.206.165.311.243a.064.064 0 0 1-.005.107c-.499.291-1.02.54-1.561.743a.063.063 0 0 0-.041.063c0 .009.003.017.007.025.3.578.64 1.133 1.02 1.662a.064.064 0 0 0 .07.023 16.534 16.534 0 0 0 5.003-2.524.065.065 0 0 0 .026-.046c.417-4.314-.699-8.062-2.957-11.384a.051.051 0 0 0-.026-.024ZM8.684 14.514c-.985 0-1.797-.904-1.797-2.016 0-1.11.796-2.015 1.797-2.015 1.01 0 1.814.912 1.798 2.015 0 1.112-.797 2.016-1.798 2.016Zm6.646 0c-.985 0-1.797-.904-1.797-2.016 0-1.11.796-2.015 1.797-2.015 1.009 0 1.813.912 1.797 2.015 0 1.112-.788 2.016-1.797 2.016Z',

diff --git a/src/pages/_Sections/Profession/Profession.astro b/src/pages/_Sections/Profession/Profession.astro
@@ -1,5 +1,5 @@
 ---
-import { Button, IconCatalog } from '@components';
+import { Button } from '@components';
 import { t } from 'i18n:astro';
 ---
 
@@ -8,14 +8,22 @@ import { t } from 'i18n:astro';
     <div class="title-container">
       <h3 set:html={t('profession_title')} />
       <p class="text-content">{t('profession_desc')}</p>
-      <Button
-        invert
-        tag="anchor"
-        href="/about-me"
-        target="_self"
-        afterIcon={IconCatalog.arrowDownTray}
-      >
+      <Button invert tag="anchor" href="/about-me" target="_self">
         {t('profession_button')}
+        <!-- Se agrega el SVG de manera provisoria ya que el componente button da problemas para implementar el icono mediante props -->
+        <svg
+          width="12"
+          height="13"
+          viewBox="0 0 12 13"
+          fill="white"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0.329505 12.4312C-0.109835 11.9919 -0.109835 11.2796 0.329505 10.8402L8.15901 3.01074H2.625C2.00368 3.01074 1.5 2.50706 1.5 1.88574C1.5 1.26442 2.00368 0.760742 2.625 0.760742H10.875C11.4963 0.760742 24 1.26442 12 1.88574V10.1357C12 10.7571 11.4963 11.2607 10.875 11.2607C10.2537 11.2607 9.75 10.7571 9.75 10.1357V4.60173L1.9205 12.4312C1.48116 12.8706 0.768844 12.8706 0.329505 12.4312Z"
+            fill="white"></path>
+        </svg>
       </Button>
     </div>
     <img class="svg-container" src="/svg/interface-description.svg" alt="" />