chore: updated some packages and added more categories

Franqsanz · Nov 24, 2023 · 2b0f161 · 2b0f161 · vercel · Nov 24, 2023
1 parent afaa124
commit 2b0f161
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 46 deletions.
diff --git a/index.html b/index.html
@@ -31,8 +31,6 @@
     <meta name="robots" content="index,follow" />
     <link rel="canonical" href="https://xbu.vercel.app/" />
     <link rel="icon" type="image/svg+xml" href="/logo.png" />
-    <!-- <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> -->
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,8 +38,8 @@
     "react-error-boundary": "4.0.11",
     "react-helmet-async": "1.3.0",
     "react-hook-form": "7.48.2",
-    "react-icons": "4.11.0",
-    "react-intersection-observer": "9.5.2",
+    "react-icons": "4.12.0",
+    "react-intersection-observer": "9.5.3",
     "react-lazy-load": "4.0.1",
     "react-router-dom": "6.18.0",
     "react-share": "4.4.1",

diff --git a/src/data/links.ts b/src/data/links.ts
@@ -1,11 +1,11 @@
-import { FiHome } from 'react-icons/fi';
+import { GrHome } from 'react-icons/gr';
 import { MdOutlineExplore } from 'react-icons/md';
 import { AiOutlineCloudUpload } from 'react-icons/ai';
 
 import { LinkType, SelectBooksType } from '../components/types';
 
 const navLink: Array<LinkType> = [
-  { name: 'Inicio', href: '/', icon: FiHome },
+  { name: 'Inicio', href: '/', icon: GrHome },
   { name: 'Explorar', href: 'explore', icon: MdOutlineExplore },
   { name: 'Publicar', href: 'new-post', icon: AiOutlineCloudUpload },
 ];
@@ -104,12 +104,16 @@ const categories: Array<SelectBooksType> = [
   { value: 'Poesía', label: 'Poesía' },
   { value: 'Psicoterapia', label: 'Psicoterapia' },
   { value: 'Psicología', label: 'Psicología' },
+  { value: 'Productividad', label: 'Productividad' },
+  { value: 'Liderazgo', label: 'Liderazgo' },
+  { value: 'Negocio', label: 'Negocio' },
   { value: 'Medicina', label: 'Medicina' },
   { value: 'Policiales', label: 'Policiales' },
   { value: 'Ciencia', label: 'Ciencia' },
   { value: 'Programación', label: 'Programación' },
   { value: 'Informática', label: 'Informática' },
   { value: 'Desarrollo De Software', label: 'Desarrollo De Software' },
+  { value: 'Desarrollo Personal', label: 'Desarrollo Personal' },
   { value: 'Tecnología', label: 'Tecnología' },
   { value: 'Fabricación De Joyas', label: 'Fabricación De Joyas' },
   { value: 'Finanzas', label: 'Finanzas' },

diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Flex, Button, Stack, useColorModeValue } from '@chakra-ui/react';
-import { GrGoogle, GrTwitter } from 'react-icons/gr';
-import { BsFacebook } from 'react-icons/bs';
+import { Box, Flex, Button, Stack, useColorModeValue } from '@chakra-ui/react';
+import { GrGoogle } from 'react-icons/gr';
+import { BsFacebook, BsTwitterX } from 'react-icons/bs';
 
 import { ContainerTitle } from '../components/ContainerTitle';
 import { MainHead } from '../components/Head';
@@ -29,14 +29,17 @@ export function Login() {
           </Button>
           <Button
             fontWeight='normal'
-            leftIcon={<GrTwitter />}
-            colorScheme='twitter'
+            leftIcon={<BsTwitterX />}
+            color='white'
+            bg='black'
             border='1px'
             borderRadius='lg'
             p='7'
             fontSize='xl'
+            _hover={{ bg: '#242424' }}
+            _active={{ bg: 'black' }}
           >
-            Twitter
+            <Box fontSize='md'>(ex Twitter)</Box>
           </Button>
           <Button
             fontWeight='normal'

diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Flex, Button, Stack, useColorModeValue } from '@chakra-ui/react';
-import { GrGoogle, GrTwitter } from 'react-icons/gr';
-import { BsFacebook } from 'react-icons/bs';
+import { Box, Flex, Button, Stack, useColorModeValue } from '@chakra-ui/react';
+import { GrGoogle } from 'react-icons/gr';
+import { BsFacebook, BsTwitterX } from 'react-icons/bs';
 
 import { ContainerTitle } from '../components/ContainerTitle';
 import { MainHead } from '../components/Head';
@@ -13,7 +13,7 @@ export function Register() {
       <ContainerTitle title='Crear cuenta' />
       <Flex justify='center' py={{ base: '10vh', md: '15vh' }}>
         <Stack direction='column' spacing='5'>
-          {/* <Button
+          <Button
             w='250px'
             fontWeight='normal'
             leftIcon={<GrGoogle />}
@@ -24,27 +24,22 @@ export function Register() {
             fontSize='xl'
             _hover={{ bg: '#D23C2F' }}
             _active={{ bg: '#BB352A' }}
-            onClick={() =>
-              // window.open('https://xb-api.vercel.app/auth/google', '_self')
-              window.open('http://localhost:9090/auth/google', '_self')
-            }
           >
             Google
-          </Button> */}
+          </Button>
           <Button
             fontWeight='normal'
-            leftIcon={<GrTwitter />}
-            colorScheme='twitter'
+            leftIcon={<BsTwitterX />}
+            color='white'
+            bg='black'
             border='1px'
             borderRadius='lg'
             p='7'
             fontSize='xl'
-            onClick={() =>
-              // window.open('https://xb-api.vercel.app/auth/twitter', '_self')
-              window.open('http://localhost:9090/auth/twitter', '_self')
-            }
+            _hover={{ bg: '#242424' }}
+            _active={{ bg: 'black' }}
           >
-            Twitter
+            <Box fontSize='md'>(ex Twitter)</Box>
           </Button>
           <Button
             fontWeight='normal'
@@ -54,10 +49,8 @@ export function Register() {
             borderRadius='lg'
             p='7'
             fontSize='xl'
-            onClick={
-              () =>
-                window.open('https://xb-api.vercel.app/auth/facebook', '_self')
-              // window.open('http://localhost:9090/auth/facebook', '_self')
+            onClick={() =>
+              window.open('https://xb-api.vercel.app/auth/facebook', '_self')
             }
           >
             Facebook