Cleaned some styles and any props

src/components/Carousel.tsx

@@ -4,7 +4,20 @@ import pago from "../assets/img/pagodemultas.png";
 import pago2 from "../assets/img/pagoydevoluciontasas.png";
 import permiso from "../assets/img/permisoxpuntos.png";
 
-function Carousel(props: any) {
+interface ICarouselClasses<T> {
+  carousel: T;
+  control: T;
+  inner: T;
+  sBox: T;
+  image: T;
+  link: T;
+}
+
+export interface ICarouselProps {
+  classes: ICarouselClasses<string>;
+}
+
+function Carousel(props: ICarouselProps) {
   return (
     <div className={props.classes.carousel}>
       <a

src/components/Footer.tsx

@@ -1,8 +1,16 @@
 import React from "react";
 
-function Footer(props: any) {
+interface IFooterClasses<T> {
+  foot: T;
+}
+
+export interface IFooterProps {
+  classes: IFooterClasses<string>;
+}
+
+function Footer(props: IFooterProps) {
   return (
-    <div className={props.classes.pie}>
+    <div className={props.classes.foot}>
       <a href="https://sedeapl.dgt.gob.es/NCIT_INTER/ayuda/avisoLegal_es.html">
         Aviso legal
       </a>

src/components/Header.tsx

@@ -1,26 +1,22 @@
 import React from "react";
-import dot from "../assets/img/g.png";
 
-function Header(props: any) {
+interface IHeaderClasses<T> {
+  cabecera: T;
+  central: T;
+  logo: T;
+  right: T;
+}
+
+export interface IHeaderProps {
+  classes: IHeaderClasses<string>;
+}
+
+function Header(props: IHeaderProps) {
   return (
     <div className={props.classes.cabecera}>
-      <div className={props.classes.superior}>
-        <a
-          href="https://sedeapl.dgt.gob.es:7443/WEB_NCIT_CONSULTA/solicitarCitaPaso1.faces#contenidos"
-          title="Salto a contenido"
-          className={props.classes.saltoContenido}
-        >
-          {props.link1}
-        </a>
-      </div>
       <div className={props.classes.central}>
-        <div className={props.classes.cabLogo}></div>
-        <div className={props.classes.alignR}>
-          <div className={props.classes.traductor}>
-            <img src={dot} className={props.classes.img} alt="" />
-            <span>Seleccionar idioma</span>
-            <span className={props.classes.triangle}>▼</span>
-          </div>
+        <div className={props.classes.logo}></div>
+        <div className={props.classes.right}>
         </div>
       </div>
     </div>

src/styledComponents/Footer-jss.ts

@@ -1,5 +1,5 @@
 const classes = {
-    pie: {
+    foot: {
         backgroundColor: '#ebebeb',
         padding: '1em',
         textAlign: 'right',

src/styledComponents/Header-jss.ts

@@ -4,41 +4,16 @@ const classes = {
   cabecera: {
     marginBottom: "1em",
   },
-  superior: {
-    height: "15px",
-    background: "none !important",
-    backgroundColor: "#666666 !important",
-  },
-  saltoContenido: {
-    color: "white",
-    fontSize: "1.05em",
-  },
   central: {
     backgroundColor: "#ebebeb",
   },
-  cabLogo: {
+  logo: {
     background: "url(" + cab + ") top left no-repeat",
     height: "10em",
   },
-  alignR: {
+  right: {
     textAlign: "right",
   },
-  traductor: {
-    backgroundColor: "#fff",
-    border: "1px solid #d5d5d5",
-    fontSize: "1.2em",
-    display: "inline-block",
-    padding: "2px",
-    cursor: "pointer",
-  },
-  img: {
-    width: "1.2em",
-    border: "none",
-  },
-  triangle: {
-    borderLeft: "1px solid rgb(187, 187, 187)",
-    color: "rgb(118, 118, 118)",
-  },
 };
 
 export default classes;

src/styledComponents/Header.js

@@ -1,5 +1,5 @@
 import injectSheet from 'react-jss'
-import Header from '../containers/Header'
+import Header from '../components/Header'
 import classes from './Header-jss.ts'