Skip to content

Commit 22deff1

Browse files
pvinispvinis
committed
spacing
1 parent ff8305a commit 22deff1

File tree

4 files changed

+183
-181
lines changed

4 files changed

+183
-181
lines changed

‎src/App.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react'
2-
import Home from './components/pages/Home'
32

4-
const App = props => <Home />
3+
import { Home } from './components/pages/Home'
54

6-
export default App
5+
6+
export const App = () => <Home />

‎src/components/pages/Home.js

Lines changed: 80 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,15 @@ import styled from 'styled-components'
33
import { Card } from 'antd'
44
import GitHubButton from 'react-github-btn'
55
import ReactGA from 'react-ga'
6+
67
import VersionSelector from '../common/VersionSelector'
78
import DiffViewer from '../common/DiffViewer'
89
import Settings from '../common/Settings'
910
import { homepage } from '../../../package.json'
1011
import logo from '../../assets/logo.svg'
1112
import { SHOW_LATEST_RCS } from '../../utils'
1213

14+
1315
const Page = styled.div`
1416
display: flex;
1517
align-items: center;
@@ -29,9 +31,9 @@ const TitleContainer = styled.div`
2931
`
3032

3133
const Subtitle = styled.div({
32-
display: 'flex',
33-
alignItems: 'center',
34-
marginTop: 50
34+
display: 'flex',
35+
alignItems: 'center',
36+
marginTop: 50,
3537
})
3638

3739
const LogoImg = styled.img`
@@ -45,94 +47,92 @@ const TitleHeader = styled.h1`
4547
`
4648

4749
const StarButton = styled(({ className, ...props }) => (
48-
<div className={className}>
49-
<GitHubButton {...props} />
50-
</div>
50+
<div className={className}>
51+
<GitHubButton {...props} />
52+
</div>
5153
))`
5254
margin-top: 10px;
5355
margin-left: 15px;
5456
margin-right: auto;
5557
`
5658

57-
const Home = () => {
58-
const [fromVersion, setFromVersion] = useState('')
59-
const [toVersion, setToVersion] = useState('')
60-
const [showDiff, setShowDiff] = useState(false)
61-
const [settings, setSettings] = useState({
62-
[`${SHOW_LATEST_RCS}`]: false
63-
})
64-
65-
useEffect(() => {
66-
if (process.env.NODE_ENV === 'production') {
67-
ReactGA.initialize('UA-136307971-1')
68-
ReactGA.pageview('/')
69-
}
70-
}, [])
71-
72-
const handleShowDiff = ({ fromVersion, toVersion }) => {
73-
if (fromVersion === toVersion) {
74-
return
75-
}
76-
77-
setFromVersion(fromVersion)
78-
setToVersion(toVersion)
79-
setShowDiff(true)
80-
}
81-
82-
const handleSettingsChange = settingsValues => {
83-
const normalizedIncomingSettings = settingsValues.reduce((acc, val) => {
84-
acc[val] = true
85-
return acc
86-
}, {})
87-
88-
setSettings(normalizedIncomingSettings)
89-
}
90-
91-
return (
92-
<Page>
93-
<Container>
94-
<TitleContainer>
95-
<LogoImg
96-
alt="React Native upgrade helper logo"
97-
title="React Native upgrade helper logo"
98-
src={logo}
99-
/>
100-
101-
<a href={homepage}>
102-
<TitleHeader>React Native upgrade helper</TitleHeader>
103-
</a>
104-
105-
<StarButton
106-
href="https://github.com/react-native-community/upgrade-helper"
107-
data-icon="octicon-star"
108-
data-show-count="true"
109-
aria-label="Star react-native-community/upgrade-helper on GitHub"
110-
>
59+
export const Home = () => {
60+
const [fromVersion, setFromVersion] = useState('')
61+
const [toVersion, setToVersion] = useState('')
62+
const [showDiff, setShowDiff] = useState(false)
63+
const [settings, setSettings] = useState({
64+
[`${SHOW_LATEST_RCS}`]: false,
65+
})
66+
67+
useEffect(() => {
68+
if (process.env.NODE_ENV === 'production') {
69+
ReactGA.initialize('UA-136307971-1')
70+
ReactGA.pageview('/')
71+
}
72+
}, [])
73+
74+
const handleShowDiff = ({ fromVersion, toVersion }) => {
75+
if (fromVersion === toVersion) {
76+
return
77+
}
78+
79+
setFromVersion(fromVersion)
80+
setToVersion(toVersion)
81+
setShowDiff(true)
82+
}
83+
84+
const handleSettingsChange = settingsValues => {
85+
const normalizedIncomingSettings = settingsValues.reduce((acc, val) => {
86+
acc[val] = true
87+
return acc
88+
}, {})
89+
90+
setSettings(normalizedIncomingSettings)
91+
}
92+
93+
return (
94+
<Page>
95+
<Container>
96+
<TitleContainer>
97+
<LogoImg
98+
alt="React Native upgrade helper logo"
99+
title="React Native upgrade helper logo"
100+
src={logo}
101+
/>
102+
103+
<a href={homepage}>
104+
<TitleHeader>React Native upgrade helper</TitleHeader>
105+
</a>
106+
107+
<StarButton
108+
href="https://github.com/react-native-community/upgrade-helper"
109+
data-icon="octicon-star"
110+
data-show-count="true"
111+
aria-label="Star react-native-community/upgrade-helper on GitHub"
112+
>
111113
Star
112-
</StarButton>
114+
</StarButton>
113115

114-
<Settings handleSettingsChange={handleSettingsChange} />
115-
</TitleContainer>
116+
<Settings handleSettingsChange={handleSettingsChange} />
117+
</TitleContainer>
116118

117-
<VersionSelector
118-
showDiff={handleShowDiff}
119-
showReleaseCandidates={settings[SHOW_LATEST_RCS]}
120-
/>
119+
<VersionSelector
120+
showDiff={handleShowDiff}
121+
showReleaseCandidates={settings[SHOW_LATEST_RCS]}
122+
/>
121123

122-
<Subtitle>
124+
<Subtitle>
123125
Don't forget: `RnDiffApp` is a placeholder. When upgrading, all
124126
instances of `RnDiffApp` should be `YourProjectName`, all `rndiffapp`
125127
should be `yourprojectname` etc.
126-
</Subtitle>
127-
</Container>
128-
129-
<DiffViewer
130-
showDiff={showDiff}
131-
fromVersion={fromVersion}
132-
toVersion={toVersion}
133-
/>
134-
</Page>
135-
)
128+
</Subtitle>
129+
</Container>
130+
131+
<DiffViewer
132+
showDiff={showDiff}
133+
fromVersion={fromVersion}
134+
toVersion={toVersion}
135+
/>
136+
</Page>
137+
)
136138
}
137-
138-
export default Home

‎src/index.jsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
import React from 'react'
22
import ReactDOM from 'react-dom'
3-
import './index.css';
4-
import App from './App'
3+
4+
import './index.css'
5+
import { App } from './App'
56
import * as serviceWorker from './serviceWorker'
67

8+
79
ReactDOM.render(<App />, document.getElementById('root'))
810

911
// If you want your app to work offline and load faster, you can change

0 commit comments

Comments
 (0)