App.tsx

import NB from './containers/navbar'
import Slideshow from './components/slideshow'

import Bottomwrap from './components/bottomwrap'
import Newsshow from './components/newsshow'
import JobComponent from './components/jobComponent'
import useWindowDimensions from './components/setWindowDimensions'
import Mainbottomwrap from './components/mainbottomwrap';
import Backtotop from './components/backtotop';
import Footerwrap from './components/footerwrap';
import Copyrightwrap from './components/copyrightwrap';
import { Action, createStore } from 'redux'
import IGlobalState, { initialState} from './state/globalState'
import { Provider } from 'react-redux'
import { INavbarCollapseAction } from './actions/NavbarActions'

//New SCSS import
import './Inicio_files/scss/custom.scss'


//Inhetired CSS import
import './Inicio_files/inheritedCSS/linea2.css'
import './Inicio_files/inheritedCSS/bootstrap-responsive.css'
import './Inicio_files/inheritedCSS/font-awesome.css';
import './Inicio_files/inheritedCSS/vembed.css';
import './Inicio_files/inheritedCSS/faveffects.css';
import './Inicio_files/inheritedCSS/css.css';
import './Inicio_files/inheritedCSS/favpromote.css';
import './Inicio_files/inheritedCSS/style.css';
import './Inicio_files/inheritedCSS/style.min.css';
import './Inicio_files/inheritedCSS/style(1).css';
import './Inicio_files/inheritedCSS/k2.css';
import './Inicio_files/inheritedCSS/k2style.css';
import './Inicio_files/inheritedCSS/joomla.css';
import './Inicio_files/inheritedCSS/template.css';
import './Inicio_files/inheritedCSS/etsii.css';
import './Inicio_files/inheritedCSS/directorio.css';
import './Inicio_files/inheritedCSS/checkbox.css';
import './Inicio_files/inheritedCSS/calendar-blue.css';
import './Inicio_files/inheritedCSS/balloon.css';
import './Inicio_files/inheritedCSS/estilos.css'; 

<style type="text/css" dangerouslySetInnerHTML={{__html: "\n\n\t@media (min-width: 1200px) {\n\t\t.row-fluid { \n\t\t\tmax-width: 90%; \n\t\t}\n\t}\n\tbody { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-advertwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-slidewrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-introwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-showcasewrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-promowrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-topwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-maintopwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-mainbottomwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-bottomwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-userwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-footerwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-copyrightwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t#fav-debugwrap { \n\t\tbackground-repeat: repeat;\n\t}\n\t.slogan {\n\t\tfont-family: 'Helvetica Neue', Helvetica, sans-serif ;\n\t}\n\n" }} />		

const reducer = (state: IGlobalState = initialState, action: Action) => {
  switch(action.type){
    case 'COLLAPSED':
      const collapsedAction = action as INavbarCollapseAction
      return{...state, collapsed: collapsedAction.payload}
  }
  return state;
}
const store = createStore(reducer, initialState)

function App() {
  
  const { width } = useWindowDimensions();

  return (
    <Provider store={store}>
    <div  id="home" style={{margin: 'auto'}}>
      <link
  rel="stylesheet"
  type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
/>
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
/>

  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <NB />
    <Slideshow />
    <Newsshow width={width}/>
    <JobComponent />


    <Bottomwrap />


    <Mainbottomwrap />

    <Backtotop />
    
    <Footerwrap />

    <Copyrightwrap />

    <noscript>&lt;strong&gt;JavaScript is currently disabled.&lt;/strong&gt;Please enable it for a better experience of &lt;a href="http://2glux.com/projects/jumi"&gt;Jumi&lt;/a&gt;.</noscript>
  </div>
  </Provider>
  );
  }

export default App;