{"version":3,"sources":["logo.svg","features/counter/counterAPI.js","features/counter/counterSlice.js","features/car/carSlice.js","components/Header.js","components/Section.js","components/Home.js","App.js","app/store.js","serviceWorker.js","index.js","features/counter/Counter.module.css"],"names":["fetchCount","amount","Promise","resolve","setTimeout","data","incrementAsync","createAsyncThunk","a","response","counterSlice","createSlice","name","initialState","value","status","reducers","increment","state","decrement","incrementByAmount","action","payload","extraReducers","builder","addCase","pending","fulfilled","actions","carSlice","cars","selectCars","car","Header","useState","burgerStatus","setBurgerStatus","useSelector","console","log","Container","src","alt","map","index","href","RightMenu","CustomMenu","onClick","BurgerNav","show","right","CloseWrapper","CustomClose","styled","div","Menu","MenuIcon","props","CloseIcon","Section","title","description","backgroundImage","leftButtonText","rightButtonText","Wrap","bgImage","bottom","ItemText","Buttons","ButtonGroup","LeftButton","RightButton","DownArrow","img","Home","App","className","store","configureStore","reducer","carReducer","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","module","exports"],"mappings":"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","file":"static/js/main.5a7dd32f.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.b2e5a01e.svg\";","// A mock function to mimic making an async request for data\nexport function fetchCount(amount = 1) {\n return new Promise((resolve) =>\n setTimeout(() => resolve({ data: amount }), 500)\n );\n}\n","import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\nimport { fetchCount } from './counterAPI';\n\nconst initialState = {\n value: 0,\n status: 'idle',\n};\n\n// The function below is called a thunk and allows us to perform async logic. It\n// can be dispatched like a regular action: `dispatch(incrementAsync(10))`. This\n// will call the thunk with the `dispatch` function as the first argument. Async\n// code can then be executed and other actions can be dispatched. Thunks are\n// typically used to make async requests.\nexport const incrementAsync = createAsyncThunk(\n 'counter/fetchCount',\n async (amount) => {\n const response = await fetchCount(amount);\n // The value we return becomes the `fulfilled` action payload\n return response.data;\n }\n);\n\nexport const counterSlice = createSlice({\n name: 'counter',\n initialState,\n // The `reducers` field lets us define reducers and generate associated actions\n reducers: {\n increment: (state) => {\n // Redux Toolkit allows us to write \"mutating\" logic in reducers. It\n // doesn't actually mutate the state because it uses the Immer library,\n // which detects changes to a \"draft state\" and produces a brand new\n // immutable state based off those changes\n state.value += 1;\n },\n decrement: (state) => {\n state.value -= 1;\n },\n // Use the PayloadAction type to declare the contents of `action.payload`\n incrementByAmount: (state, action) => {\n state.value += action.payload;\n },\n },\n // The `extraReducers` field lets the slice handle actions defined elsewhere,\n // including actions generated by createAsyncThunk or in other slices.\n extraReducers: (builder) => {\n builder\n .addCase(incrementAsync.pending, (state) => {\n state.status = 'loading';\n })\n .addCase(incrementAsync.fulfilled, (state, action) => {\n state.status = 'idle';\n state.value += action.payload;\n });\n },\n});\n\nexport const { increment, decrement, incrementByAmount } = counterSlice.actions;\n\n// The function below is called a selector and allows us to select a value from\n// the state. Selectors can also be defined inline where they're used instead of\n// in the slice file. For example: `useSelector((state: RootState) => state.counter.value)`\nexport const selectCount = (state) => state.counter.value;\n\n// We can also write thunks by hand, which may contain both sync and async logic.\n// Here's an example of conditionally dispatching actions based on current state.\nexport const incrementIfOdd = (amount) => (dispatch, getState) => {\n const currentValue = selectCount(getState());\n if (currentValue % 2 === 1) {\n dispatch(incrementByAmount(amount));\n }\n};\n\nexport default counterSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\"\n\nconst initialState = { // state\n cars: [ \"Model S\", \"Model 3\", \"Model X\", \"Model Y\" ]\n}\n\nconst carSlice = createSlice({ // action\n name: \"car\", // slice name\n initialState, // car name\n reducers: {} // ?\n})\n\nexport const selectCars = state => state.car.cars\n\nexport default carSlice.reducer // new state (state, action)\n","import React, { useState } from 'react'\nimport styled from 'styled-components'\nimport MenuIcon from '@mui/icons-material/Menu';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Fade from 'react-reveal/Fade'\nimport { selectCars } from '../features/car/carSlice';\nimport { useSelector } from 'react-redux';\n\nfunction Header() {\n const [burgerStatus, setBurgerStatus] = useState(false);\n const cars = useSelector(selectCars);\n console.log(cars);\n return (\n \n\n \n \n \n\n \n\n \n Shop\n Tesla Account\n setBurgerStatus(true) }/>\n \n \n \n \n \n \n setBurgerStatus(false) }/>\n \n {cars && cars.map((car, index) =>(\n
\n );\n}\n\nexport default App;\n","import { configureStore } from '@reduxjs/toolkit';\nimport carReducer from \"../features/car/carSlice\"\n\nexport const store = configureStore({\n reducer: {\n car: carReducer\n },\n});\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport { store } from './app/store';\nimport { Provider } from 'react-redux';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n \n \n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"row\":\"Counter_row__1C_4f\",\"value\":\"Counter_value__1d0te\",\"button\":\"Counter_button__1xpSV\",\"textbox\":\"Counter_textbox__3ODaX\",\"asyncButton\":\"Counter_asyncButton__2UAr3 Counter_button__1xpSV\"};"],"sourceRoot":""}
![\"Tesla](\"/images/logo.svg\"){kind=logo}
\n \n\n \n\n