Fin TFG

src/components/Animated_main_div.astro

@@ -3,7 +3,7 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class=`container ${className}` data-initial-zoom={Number} {...rest}>
- <div id={`zoomDiv-${Date.now()}`} class="big-div">
+ <div id={`zoomDiv-${Date.now()}-${Math.random()}`} class="big-div">
  <slot />
  </div>
 </div>

src/components/AntDesign/inputs/Autocomplete_ClientNameDetails.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { AutoComplete } from "antd";
 
-const Autocomplete_ClientNameDetails: React.FC<{ details_array: any; loading: boolean; value: string; setNamesFilter: (value: string) => void }> = ({
+const Autocomplete_ClientNameDetails: React.FC<{ details_array: any; loading: boolean; setNamesFilter: (value: string) => void }> = ({
  details_array,
  loading,
  setNamesFilter

src/components/AntDesign/inputs/Autocomplete_Mail.tsx

@@ -5,7 +5,7 @@ const mockVal = (str: string, repeat = 1) => ({
  value: str.repeat(repeat),
 });
 
-const Autocomplete_Mail: React.FC<{ profiles: any; loading: boolean; value: string; setEmailFilter: (value: string) => void }> = ({
+const Autocomplete_Mail: React.FC<{ profiles: any; loading: boolean; setEmailFilter: (value: string) => void }> = ({
  profiles,
  loading,
  setEmailFilter

src/sections/Manager_section/Manager_section_details.tsx

@@ -12,7 +12,7 @@ import useGetEmployees from "@/services/client/customhooks/useGetEmployees";
 import useGetServices from "@/services/client/customhooks/useGetServices";
 
 export default function Manager_section_details(props: {sessionInfo: sessionInfoState}) {
- const { details, loadingDetails } = useGetDetails();
+ const { details, loadingDetails }: { details: any, loadingDetails: boolean } = useGetDetails();
  const { clients, loadingClients } = useGetClients();
  const { employees, loading } = useGetEmployees();
  const { services, loadingServices } = useGetServices();

src/sections/Manager_section/Manager_section_profiles.tsx

@@ -8,7 +8,7 @@ import Autocomplete_Mail from "@/components/AntDesign/inputs/Autocomplete_Mail";
 import useGetProfiles from '@/services/client/customhooks/useGetProfiles';
 
 export default function Manager_section_profiles(props: {sessionInfo: sessionInfoState}) {
- const { profiles, loading } = useGetProfiles();
+ const {profiles, loading}: {profiles: any, loading: boolean} = useGetProfiles();
  const [filteredProfilesResult, setFilteredProfilesResult] = useState(null);
 
  const setNewEmailFilter = (value: string) => {

src/sections/Slider.astro

@@ -1,7 +1,7 @@
 <section>
  <div class="section-div-color">
  </div>
- <div class="section-div-contenido" >
+ <div class="section-div-contenido relative" >
  <h1 class="header-text-promoTitle">
  Imagen <i>Estética</i>
  <br>
@@ -12,33 +12,42 @@
  </div>
 </section>
 <style>
+
  h1 {
  animation: slideInFromLeft 900ms ease-in-out;
+ position: relative;
  }
 
- i {
- animation: slideInFromRight 900ms ease-in-out;
+ h1 > i {
+ animation: slideInFromRight 2000ms ease-in-out;
+ position: relative;
  }
 
  @keyframes slideInFromRight {
  0% {
  opacity: 0%;
- transform: translateX(10px);
+ left: 30px;
+ }
+ 50% {
+ opacity: 0%;
+ left: 30px;
+ top: -5px;
  }
  100% {
  opacity: 100%;
- transform: translateX(0);
+ left: 0;
+ top: 0;
  }
  }
 
  @keyframes slideInFromLeft {
  0% {
  opacity: 0%;
- transform: translateX(-10px);
+ transform: translate(-10px, -80px);
  }
  100% {
  opacity: 100%;
- transform: translateX(0);
+ transform: translate(0, -83px);
  }
  }
 
@@ -52,10 +61,12 @@
  padding: 20px;
  background-color: var(--primary);
  }
+
  .section-div-contenido {
  width: 50%;
  padding: 20px;
  }
+
  .header-text-promoTitle {
  /* Typography */
  color: var(--header-text-color);
@@ -68,7 +79,7 @@
  top: 50%;
  transform: translate(0%, -50%);
  text-transform: uppercase;
-}
+ }
 
  .header-text-promoTitle i {
  color: var(--primary);