{"version":3,"sources":["components/Sidebar.js","components/Posts.js","components/Twittes.js","components/Trends.js","components/Right.js","App.js","serviceWorker.js","index.js"],"names":["Sidebar","React","useState","state","setState","className","onClick","href","Posts","src","alt","Twittes","type","placeholder","value","Trends","id","title","tr","tweeets","map","trend","key","Right","name","App","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.45d08036.chunk.js","sourcesContent":["import React from 'react'\nimport { FaHome, FaHashtag, FaRegBell, FaRegEnvelope, FaRegBookmark, FaClipboardList, FaUserAlt, FaMehBlank, FaBars } from 'react-icons/fa';\nimport { AiOutlineTwitter } from 'react-icons/ai'\n\nconst Sidebar = () => {\n    const [state, setState] = React.useState(true);\n    const toggle = () => {\n        setState(!state);\n    }\n    return (\n        <>\n            <span className=\"toggle\" onClick={toggle}><FaBars /> </span>\n            {state ? (<ul className=\"sidebar\">\n                <li>\n                    <a href=\"\"><AiOutlineTwitter className=\"icon logo\" /></a>\n                </li>\n                <li><a href=\"\"><FaHashtag className=\"icon logo\" /><span>Explore</span></a></li>\n                <li><a href=\"\"><FaRegBell className=\"icon\" /><span>Notifications</span></a></li>\n                <li><a href=\"\"><FaRegEnvelope className=\"icon\" /><span>Messages</span></a></li>\n                <li><a href=\"\"><FaRegBookmark className=\"icon\" /><span>Bookmarks</span></a></li>\n                <li><a href=\"\"><FaClipboardList className=\"icon\" /><span>Lists</span></a></li>\n                <li><a href=\"\"><FaUserAlt className=\"icon\" /><span>Profile</span></a></li>\n                <li><a href=\"\"><FaMehBlank className=\"icon\" /><span>More</span></a></li>\n                <li><a href=\"\" className=\"profileBtn\">Tweet</a></li>\n            </ul >) : ''}\n\n        </>\n    )\n}\n\nexport default Sidebar\n","import React from 'react'\nimport { FaRegComment, FaUndoAlt, FaRegHeart, FaArrowUp } from \"react-icons/fa\"\nconst Posts = () => {\n    return (\n        <div className=\"posts\">\n            <div className=\"post__header\">\n                <div className=\"post__avator\">\n                    <img src=\"/Imran-Khan.jpg\" alt=\"avator\" />\n                </div>\n                <div className=\"post__name\">\n                    Shahid Afridi\n                </div>\n                <div className=\"post__username\">\n                    @ShahidKhan\n                </div>\n                <div className=\"post__time\">\n                    . 3m\n                </div>\n            </div>\n            {/* Close post__header */}\n            <div className=\"post__body\">\n                <div className=\"post__text\">\n                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias neque architecto laborum dolore corporis fugit quaerat amet quibusdam. Quas libero ex adipisci quo asperiores sint corrupti doloribus deleniti natus voluptatibus.\n                </div>\n                <div className=\"post__image\">\n                    <img src=\"/post.jpg\" alt=\"post\" />\n                </div>\n                <div className=\"post__comments\">\n                    <FaRegComment />\n                    <span><FaUndoAlt /> 34</span>\n                    <span><FaRegHeart /> 430</span>\n                    <FaArrowUp />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Posts\n","import React from 'react'\nimport { FaRegImage, FaRegListAlt, FaRegSmile, FaCalendarCheck } from \"react-icons/fa\"\nimport Posts from \"./Posts\"\nconst Twittes = () => {\n    return (\n        <div className=\"twittes\">\n            <div className=\"home\">Home</div>\n            <div className=\"postForm\">\n                <div className=\"postForm__first\">\n                    <span><img src=\"/Imran-Khan.jpg\" alt=\"\" /></span>\n                    <input type=\"text\" placeholder=\"What's happening? \" />\n                </div>\n                <div className=\"postForm__bottom\">\n                    <div className=\"postForm__icons\">\n                        <FaRegImage className=\"ic\" />\n                        <FaRegListAlt className=\"ic\" />\n                        <FaRegSmile className=\"ic\" />\n                        <FaCalendarCheck className=\"ic\" />\n                    </div>\n                    <div className=\"btnSection\">\n                        <input type=\"button\" value=\"Tweet\" className=\"btn btn-tweet\" />\n                    </div>\n\n                </div>\n            </div>\n            <Posts />\n            <Posts />\n            <Posts />\n            <Posts />\n            <Posts />\n        </div>\n    )\n}\n\nexport default Twittes\n","import React from 'react'\n\nconst Trends = () => {\n    const [state, setState] = React.useState([{\n        id: 1, title: 'Imrankhan', tr: 'Trend in pakistan', tweeets: '23000 tweets'\n    },\n    {\n        id: 2, title: 'ShahidKhan', tr: 'Trend in pakistan', tweeets: '26400 tweets'\n    }])\n    return (\n        <div className=\"trends\">\n            <div className=\"trend__header\">\n                <h1>Trends for you</h1>\n            </div>\n\n            {state.map(trend => (\n                <div className=\"trends__body\" key={trend.id}>\n                    <span className=\"first\">{trend.tr}</span>\n                    <span className=\"keyword\">\n                        {trend.title}\n                    </span>\n                    <span className=\"allTweets\">\n                        {trend.tweeets}\n                    </span>\n                </div>\n            ))}\n\n        </div>\n    )\n}\n\nexport default Trends\n","import React from 'react'\nimport Trends from \"./Trends\"\nconst Right = () => {\n    return (\n        <div className=\"right\">\n            <div className=\"searchBar\">\n                <input type=\"text\" name=\"\" className=\"search\" placeholder=\"Search tweets\" />\n            </div>\n            <Trends />\n        </div>\n    )\n}\n\nexport default Right\n","import React from 'react';\nimport './App.css';\nimport Sidebar from './components/Sidebar'\nimport Twittes from './components/Twittes'\nimport Right from './components/Right'\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Sidebar />\n      <Twittes />\n      <Right />\n    </div>\n  );\n}\n\nexport default App;\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\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\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"],"sourceRoot":""}