Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

build: switched to .prettierrcjson with default config from documenta… #2939

Merged
merged 1 commit into from
Aug 9, 2023
Merged

build: switched to .prettierrcjson with default config from documenta… #2939

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .prettierrc
View file
Open in desktop

This file was deleted.

6 changes: 6 additions & 0 deletions .prettierrc.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"trailingComma": "es5",
"tabWidth": 4,
"semi": false,
"singleQuote": true
}
209 changes: 107 additions & 102 deletions src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,124 +1,129 @@
import React, { useState, lazy, Suspense } from "react"
import Search from "./components/Search"
import { createFilter } from "react-search-input"
import { shuffle } from "./util/shuffle"
import "./styles/SearchBarMobileView.scss"
import BatchCards from "./components/BatchCards"
import Navbar from "./components/Navbar"
import persons from "./assets/persons.json"
import { pageNames } from "./util/pageNames"
import useForceUpdate from "./util/useForceUpdate"
const SimpleMap = lazy(() => import("./components/Map"))
import React, { useState, lazy, Suspense } from 'react'
import Search from './components/Search'
import { createFilter } from 'react-search-input'
import { shuffle } from './util/shuffle'
import './styles/SearchBarMobileView.scss'
import BatchCards from './components/BatchCards'
import Navbar from './components/Navbar'
import persons from './assets/persons.json'
import { pageNames } from './util/pageNames'
import useForceUpdate from './util/useForceUpdate'
const SimpleMap = lazy(() => import('./components/Map'))

const people: any = persons

const style: React.CSSProperties = {
background: "#fff",
padding: "1rem",
width: "100%",
margin: "0 0 2rem 0",
zIndex: 1,
borderRadius: "5px",
background: '#fff',
padding: '1rem',
width: '100%',
margin: '0 0 2rem 0',
zIndex: 1,
borderRadius: '5px',
}
const responsiveSearch = {
width: "100%",
marginBottom: "0.5rem",
padding: "0.5rem",
width: '100%',
marginBottom: '0.5rem',
padding: '0.5rem',
}
const KEYS_TO_FILTERS = [
"name",
"jobTitle",
"location.city",
"location.state",
"location.country",
'name',
'jobTitle',
'location.city',
'location.state',
'location.country',
]

function App() {
const [searchfield, setSearchfield] = useState("")
const [searchfield, setSearchfield] = useState('')

const [map, setMap] = useState(false)
const [mapOrHomeTitle, setMapOrHomeTitle] = useState(pageNames.map) // pageNames.map is default
const [map, setMap] = useState(false)
const [mapOrHomeTitle, setMapOrHomeTitle] = useState(pageNames.map) // pageNames.map is default

const filteredPersons = (searchFilter: any) =>
people.filter(createFilter(searchFilter, KEYS_TO_FILTERS))
const filteredPersons = (searchFilter: any) =>
people.filter(createFilter(searchFilter, KEYS_TO_FILTERS))

const forceUpdate = useForceUpdate()
const forceUpdate = useForceUpdate()

//note: shuffle function is not pure function, it mutates original array
//in order to avoid memory duplication
shuffle(people)
//note: shuffle function is not pure function, it mutates original array
//in order to avoid memory duplication
shuffle(people)

function goBack() {
setMap(!map)
setMapOrHomeTitle(map ? pageNames.map : pageNames.home)
setSearchfield("");
}
function goBack() {
setMap(!map)
setMapOrHomeTitle(map ? pageNames.map : pageNames.home)
setSearchfield('')
}

function shufflePeopleOnClick() {
shuffle(people)
forceUpdate()
}
function shufflePeopleOnClick() {
shuffle(people)
forceUpdate()
}

return (
<div className="flex flex-column min-vh-100 tc">
<header className="custom--unselectable fixed top-0 w-100 white custom--bg-additional3 custom--shadow-4 z-9999">
<Navbar
onLogoClick={goBack}
onSearchChange={(e: any) => setSearchfield(e.target.value)}
onMapClick={goBack}
mapOrHomeTitle={mapOrHomeTitle}
shufflePeopleOnClick={shufflePeopleOnClick}
/>
</header>
<main className="flex-auto">
{map ? (
<Suspense
fallback={
<div>
<p>Loading Map...</p>
<p>
Try refreshing if it doesn't load or check internet connection
and try again later.
</p>
</div>
}
>
<SimpleMap />
</Suspense>
) : (
<div id="sketch-particles">
<div className="visible-on-mobileview-only" style={style}>
<Search
onSearchChange={(e: any) => setSearchfield(e.target.value)}
responsiveSearch={responsiveSearch}
/>
</div>
return (
<div className="flex flex-column min-vh-100 tc">
<header className="custom--unselectable fixed top-0 w-100 white custom--bg-additional3 custom--shadow-4 z-9999">
<Navbar
onLogoClick={goBack}
onSearchChange={(e: any) => setSearchfield(e.target.value)}
onMapClick={goBack}
mapOrHomeTitle={mapOrHomeTitle}
shufflePeopleOnClick={shufflePeopleOnClick}
/>
</header>
<main className="flex-auto">
{map ? (
<Suspense
fallback={
<div>
<p>Loading Map...</p>
<p>
Try refreshing if it doesn't load or check
internet connection and try again later.
</p>
</div>
}
>
<SimpleMap />
</Suspense>
) : (
<div id="sketch-particles">
<div
className="visible-on-mobileview-only"
style={style}
>
<Search
onSearchChange={(e: any) =>
setSearchfield(e.target.value)
}
responsiveSearch={responsiveSearch}
/>
</div>

<BatchCards
persons={filteredPersons(searchfield)}
numberPerBatch={16}
/>
</div>
)}
</main>
<footer className="custom--unselectable w-100 h3 flex items-center justify-center justify-end-l white custom--bg-additional3 z-2">
<a
href="https://github.com/zero-to-mastery/ZtM-Job-Board"
title="Repository"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
</a>
</footer>
</div>
)
<BatchCards
persons={filteredPersons(searchfield)}
numberPerBatch={16}
/>
</div>
)}
</main>
<footer className="custom--unselectable w-100 h3 flex items-center justify-center justify-end-l white custom--bg-additional3 z-2">
<a
href="https://github.com/zero-to-mastery/ZtM-Job-Board"
title="Repository"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
</a>
</footer>
</div>
)
}

export default App
Loading
Loading