iconos de radiz cambiados a material

ging · Oct 30, 2024 · 11deac6 · 11deac6
1 parent 077cc5b
commit 11deac6
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 28 deletions.
diff --git a/app/about/page.js b/app/about/page.js
@@ -4,13 +4,9 @@ import { useEffect, useState } from "react";
 import Link from "next/link";
 import { projects } from "@/constants/projects.js";
 import { useTranslation } from "react-i18next";
-import {
-  FaceIcon,
-  FigmaLogoIcon,
-  HeartIcon,
-  Pencil2Icon,
-  ScissorsIcon,
-} from "@radix-ui/react-icons";
+import ElectricCarIcon from '@mui/icons-material/ElectricCar';
+import ImportantDevicesIcon from '@mui/icons-material/ImportantDevices';
+import PolylineIcon from '@mui/icons-material/Polyline';
 import Heading from "@/components/ui/Heading";
 import { Button, ButtonVariants } from "@/components/ui/button";
 import {
@@ -59,23 +55,23 @@ export default function About() {
         <div className=" flex items-center sm:items-strech sm:justify-stretch flex-col sm:grid sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-6 mb-20">
         <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
              <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
-             <FigmaLogoIcon className="m-auto h-7 w-7  text-primary" />
+             <ElectricCarIcon className="m-auto h-7 w-7  text-primary" />
              </div>
             <CardTitle level="h4">{t("about.Goals.Goal1.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal1.GoalBody")}</CardDescription>
           </CustomCard>
 
           <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
           <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
-              <ScissorsIcon className="m-auto h-7 w-7  text-primary"/>
+              <ImportantDevicesIcon className="m-auto h-7 w-7  text-primary"/>
               </div>
             <CardTitle level="h4">{t("about.Goals.Goal2.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal2.GoalBody")}</CardDescription>
           </CustomCard>
 
           <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
           <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
-              <HeartIcon className="m-auto h-7 w-7  text-primary" />
+              <PolylineIcon className="m-auto h-7 w-7  text-primary" />
               </div>
             <CardTitle level="h4">{t("about.Goals.Goal3.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal3.GoalBody")}</CardDescription>

diff --git a/app/contact/page.js b/app/contact/page.js
@@ -4,10 +4,6 @@ import { useTranslation } from "react-i18next";
 
 import Heading from "@/components/ui/Heading";
 import Text from "@/components/ui/Text";
-
-import { EnvelopeClosedIcon } from "@radix-ui/react-icons";
-import { MobileIcon } from "@radix-ui/react-icons";
-import { SewingPinIcon } from "@radix-ui/react-icons";
 import LocationOnOutlinedIcon from '@mui/icons-material/LocationOnOutlined';
 import LocalPhoneOutlinedIcon from '@mui/icons-material/LocalPhoneOutlined';
 import MailOutlinedIcon from '@mui/icons-material/MailOutlined';

diff --git a/app/courses/page.js b/app/courses/page.js
@@ -4,7 +4,6 @@ import { useEffect, useState } from "react";
 import Link from "next/link";
 import { mycourses } from "@/constants/courses.js";
 import { useTranslation } from 'react-i18next';
-import { FaceIcon } from "@radix-ui/react-icons";
 import { Card, CardVariants } from "@/components/core/Cards";
 
 

diff --git a/app/documentation/page.js b/app/documentation/page.js
@@ -12,7 +12,6 @@ import { Card, CardVariants } from "@/components/core/Cards";
 import { Label } from "@radix-ui/react-label";
 import { Badge, badgeVariants } from "@/components/ui/badge";
 import TabsCategoryFilter from "@/components/TabsCategoryFilter";
-import { FaceIcon } from "@radix-ui/react-icons";
 
 // Array de datos (cards)
 import { projects } from "@/constants/projects";

diff --git a/app/page.js b/app/page.js
@@ -10,7 +10,7 @@ import { Button, ButtonVariants } from "@/components/ui/button";
 import Heading from "@/components/ui/Heading";
 import { Divider, DividerVariants } from "@/components/ui/divider";
 import Text from "@/components/ui/Text";
-import { ArrowRightIcon, EnvelopeOpenIcon } from "@radix-ui/react-icons";
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import Image from "@/components/ui/image";
 import MailOutlinedIcon from '@mui/icons-material/MailOutlined';
 import RocketLaunchIcon from '@mui/icons-material/RocketLaunch';
@@ -72,7 +72,7 @@ export default function Page() {
               radius: "rounded_sm",
             })}
           >
-            {t("front.action-button")} <ArrowRightIcon className=" h-4 w-4" />
+            {t("front.action-button")} <ArrowForwardIcon className=" h-4 w-4" />
           </Button>
         </BannerContent>
         <Image className={"hidden md:flex"}

diff --git a/app/team/page.js b/app/team/page.js
@@ -9,8 +9,6 @@ import { Button } from "@/components/ui/button";
 import Heading from "@/components/ui/Heading";
 import Text from "@/components/ui/Text";
 import { Card, CardVariants } from "@/components/core/Cards";
-import { CardStackIcon } from "@radix-ui/react-icons";
-
 import dynamic from "next/dynamic";
 
 const Team = (props) => {

diff --git a/app/tools/page.js b/app/tools/page.js
@@ -8,7 +8,7 @@ import image from "next/image";
 import { useState, useEffect } from "react";
 import { mytools } from "@/constants/tools";
 import { useTranslation } from "react-i18next";
-import { FaceIcon } from "@radix-ui/react-icons";
+import FaceIcon from '@mui/icons-material/Face';
 
 export default function Tools(props) {
   const { t, i18n } = useTranslation();

diff --git a/components/LangSwitcher.jsx b/components/LangSwitcher.jsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useTranslation } from "react-i18next";
-import { GlobeIcon } from "@radix-ui/react-icons";
+import LanguageIcon from '@mui/icons-material/Language';
 import clsx from "clsx";
 
 const lngs = {
@@ -19,7 +19,7 @@ export default function LangSwitcher() {
   const { i18n } = useTranslation();
   return (
     <div className="flex flex-nowrap justify-center md:justify-end items-center gap-2 py-2 px-4 md:px-0 md:py-0">
-      <GlobeIcon className="icon" />
+      <LanguageIcon className="icon text-18 mt-0.5" />
       {Object.keys(lngs).map((lng) => (
         <a
           key={lng}

diff --git a/components/core/Footer.jsx b/components/core/Footer.jsx
@@ -4,7 +4,7 @@ import React from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { activeRoutes } from "@/constants/routes";
-import { EnvelopeClosedIcon } from "@radix-ui/react-icons";
+import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
 import Image from "../ui/image";
 import Text from "../ui/Text";
 import Link from 'next/link';
@@ -34,7 +34,7 @@ export default function Footer(props) {
         />
         <div className=" flex justify-center flex-col gap-0 xs:gap-2 md:flex-col md:gap-0">
           <div className="flex flex-row">
-          <EnvelopeClosedIcon className="mr-2 mt-1" />
+          <EmailOutlinedIcon className="mr-2 mt-1" />
           <Text className=" text-[14px] flex gap-1">
             <b>{t("footer.email")} </b>
           </Text>

diff --git a/components/core/Header.jsx b/components/core/Header.jsx
@@ -10,7 +10,8 @@ import LangSwitcher from "@/components/LangSwitcher";
 import { activeRoutes } from "@/constants/routes";
 
 // icons
-import { HamburgerMenuIcon, Cross1Icon } from "@radix-ui/react-icons";
+import MenuOutlinedIcon from '@mui/icons-material/MenuOutlined';
+import CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';
 
 export default function Header(props) {
   const [state, setState] = useState({ open: false });
@@ -82,12 +83,12 @@ export default function Header(props) {
         {/* menu icons */}
         <div className="block md:hidden">
           {!state.open ? (
-            <HamburgerMenuIcon
+            <MenuOutlinedIcon
               className="w-6 h-6"
               onClick={() => setState({ open: !state.open })}
             />
           ) : (
-            <Cross1Icon
+            <CloseOutlinedIcon
               className="w-6 h-6"
               onClick={() => setState({ open: !state.open })}
             />