add corp links to footer, remove working cookie banner

This commit is contained in:
Chris Trevino 2021-09-09 12:22:47 -07:00
Родитель 64276e26b6
Коммит de65d26681
15 изменённых файлов: 73 добавлений и 231 удалений

120
.pnp.cjs сгенерированный
Просмотреть файл

@ -115,7 +115,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
["raw-loader", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.0.2"],
["react", "npm:17.0.2"],
["react-animate-height", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:2.0.23"],
["react-cookie-banner", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.1.0"],
["react-dom", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:17.0.2"],
["react-dropzone", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:11.3.2"],
["react-infinite-scroller", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:1.2.4"],
@ -10133,13 +10132,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
}]
]],
["classnames", [
["npm:2.2.5", {
"packageLocation": "./.yarn/cache/classnames-npm-2.2.5-0eaec5c33f-cf6bc29a8a.zip/node_modules/classnames/",
"packageDependencies": [
["classnames", "npm:2.2.5"]
],
"linkType": "HARD",
}],
["npm:2.3.1", {
"packageLocation": "./.yarn/cache/classnames-npm-2.3.1-f2ae0a8d3c-14db8889d5.zip/node_modules/classnames/",
"packageDependencies": [
@ -10689,13 +10681,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
}]
]],
["cookie", [
["npm:0.3.1", {
"packageLocation": "./.yarn/cache/cookie-npm-0.3.1-111f39dba6-5309937344.zip/node_modules/cookie/",
"packageDependencies": [
["cookie", "npm:0.3.1"]
],
"linkType": "HARD",
}],
["npm:0.4.0", {
"packageLocation": "./.yarn/cache/cookie-npm-0.4.0-4b3d629e45-760384ba0a.zip/node_modules/cookie/",
"packageDependencies": [
@ -14427,7 +14412,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
["raw-loader", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.0.2"],
["react", "npm:17.0.2"],
["react-animate-height", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:2.0.23"],
["react-cookie-banner", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.1.0"],
["react-dom", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:17.0.2"],
["react-dropzone", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:11.3.2"],
["react-infinite-scroller", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:1.2.4"],
@ -14854,13 +14838,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
}]
]],
["hoist-non-react-statics", [
["npm:2.5.5", {
"packageLocation": "./.yarn/cache/hoist-non-react-statics-npm-2.5.5-e15c7ba611-ee2d05e5c7.zip/node_modules/hoist-non-react-statics/",
"packageDependencies": [
["hoist-non-react-statics", "npm:2.5.5"]
],
"linkType": "HARD",
}],
["npm:3.3.2", {
"packageLocation": "./.yarn/cache/hoist-non-react-statics-npm-3.3.2-e7b709e6c1-b153827042.zip/node_modules/hoist-non-react-statics/",
"packageDependencies": [
@ -17519,15 +17496,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
"linkType": "HARD",
}]
]],
["lodash.omit", [
["npm:4.5.0", {
"packageLocation": "./.yarn/cache/lodash.omit-npm-4.5.0-786639f9a0-434645e49f.zip/node_modules/lodash.omit/",
"packageDependencies": [
["lodash.omit", "npm:4.5.0"]
],
"linkType": "HARD",
}]
]],
["lodash.throttle", [
["npm:4.1.1", {
"packageLocation": "./.yarn/cache/lodash.throttle-npm-4.1.1-856641af92-129c0a28ce.zip/node_modules/lodash.throttle/",
@ -20636,28 +20604,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
"linkType": "HARD",
}]
]],
["react-addons-clone-with-props", [
["npm:0.14.8", {
"packageLocation": "./.yarn/cache/react-addons-clone-with-props-npm-0.14.8-02b600d83a-7454f9d841.zip/node_modules/react-addons-clone-with-props/",
"packageDependencies": [
["react-addons-clone-with-props", "npm:0.14.8"]
],
"linkType": "SOFT",
}],
["virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:0.14.8", {
"packageLocation": "./.yarn/__virtual__/react-addons-clone-with-props-virtual-e799c96687/0/cache/react-addons-clone-with-props-npm-0.14.8-02b600d83a-7454f9d841.zip/node_modules/react-addons-clone-with-props/",
"packageDependencies": [
["react-addons-clone-with-props", "virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:0.14.8"],
["@types/react", "npm:16.14.6"],
["react", "npm:17.0.2"]
],
"packagePeers": [
"@types/react",
"react"
],
"linkType": "HARD",
}]
]],
["react-animate-height", [
["npm:2.0.23", {
"packageLocation": "./.yarn/cache/react-animate-height-npm-2.0.23-821206c434-280f504b38.zip/node_modules/react-animate-height/",
@ -20686,61 +20632,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
"linkType": "HARD",
}]
]],
["react-cookie", [
["npm:2.2.0", {
"packageLocation": "./.yarn/cache/react-cookie-npm-2.2.0-fcbb819bb6-cd775cb1ed.zip/node_modules/react-cookie/",
"packageDependencies": [
["react-cookie", "npm:2.2.0"]
],
"linkType": "SOFT",
}],
["virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:2.2.0", {
"packageLocation": "./.yarn/__virtual__/react-cookie-virtual-2fcb78821d/0/cache/react-cookie-npm-2.2.0-fcbb819bb6-cd775cb1ed.zip/node_modules/react-cookie/",
"packageDependencies": [
["react-cookie", "virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:2.2.0"],
["@types/react", "npm:16.14.6"],
["hoist-non-react-statics", "npm:2.5.5"],
["prop-types", "npm:15.7.2"],
["react", "npm:17.0.2"],
["universal-cookie", "npm:2.2.0"]
],
"packagePeers": [
"@types/react",
"react"
],
"linkType": "HARD",
}]
]],
["react-cookie-banner", [
["npm:4.1.0", {
"packageLocation": "./.yarn/cache/react-cookie-banner-npm-4.1.0-7ee09ba4c6-40166f8ee0.zip/node_modules/react-cookie-banner/",
"packageDependencies": [
["react-cookie-banner", "npm:4.1.0"]
],
"linkType": "SOFT",
}],
["virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.1.0", {
"packageLocation": "./.yarn/__virtual__/react-cookie-banner-virtual-28267c82c7/0/cache/react-cookie-banner-npm-4.1.0-7ee09ba4c6-40166f8ee0.zip/node_modules/react-cookie-banner/",
"packageDependencies": [
["react-cookie-banner", "virtual:e2c17f6bddafc602f4cab9cd5ef0295cf05535d35559c37d85c801f1caf17fe4d835c0b7de830ebcb2af1fb4746041bd0b4f7331250e6f9b8aacde0a6f349060#npm:4.1.0"],
["@types/prop-types", "npm:15.7.4"],
["@types/react", "npm:16.14.6"],
["classnames", "npm:2.2.5"],
["lodash.omit", "npm:4.5.0"],
["prop-types", "npm:15.7.2"],
["react", "npm:17.0.2"],
["react-addons-clone-with-props", "virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:0.14.8"],
["react-cookie", "virtual:28267c82c796c5113d62aba2e3070e5016c369236ef78c3aac89617797061e9c647c9f9d0c9d51680d75a623c1fa01880bad155ceff8b767d56399b3b6c2b4ef#npm:2.2.0"]
],
"packagePeers": [
"@types/prop-types",
"@types/react",
"prop-types",
"react"
],
"linkType": "HARD",
}]
]],
["react-dom", [
["npm:17.0.2", {
"packageLocation": "./.yarn/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip/node_modules/react-dom/",
@ -24264,17 +24155,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
"linkType": "HARD",
}]
]],
["universal-cookie", [
["npm:2.2.0", {
"packageLocation": "./.yarn/cache/universal-cookie-npm-2.2.0-922776be5d-080405aa81.zip/node_modules/universal-cookie/",
"packageDependencies": [
["universal-cookie", "npm:2.2.0"],
["cookie", "npm:0.3.1"],
["object-assign", "npm:4.1.1"]
],
"linkType": "HARD",
}]
]],
["universalify", [
["npm:0.1.2", {
"packageLocation": "./.yarn/cache/universalify-npm-0.1.2-9b22d31d2d-40cdc60f6e.zip/node_modules/universalify/",

Двоичные данные
.yarn/cache/classnames-npm-2.2.5-0eaec5c33f-cf6bc29a8a.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/cookie-npm-0.3.1-111f39dba6-5309937344.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/hoist-non-react-statics-npm-2.5.5-e15c7ba611-ee2d05e5c7.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/lodash.omit-npm-4.5.0-786639f9a0-434645e49f.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/react-addons-clone-with-props-npm-0.14.8-02b600d83a-7454f9d841.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/react-cookie-banner-npm-4.1.0-7ee09ba4c6-40166f8ee0.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/react-cookie-npm-2.2.0-fcbb819bb6-cd775cb1ed.zip поставляемый

Двоичный файл не отображается.

Двоичные данные
.yarn/cache/universal-cookie-npm-2.2.0-922776be5d-080405aa81.zip поставляемый

Двоичный файл не отображается.

Просмотреть файл

@ -53,7 +53,6 @@
"query-string": "^6.14.1",
"react": "^17.0.2",
"react-animate-height": "^2.0.23",
"react-cookie-banner": "^4.1.0",
"react-dom": "^17.0.2",
"react-dropzone": "^11.2.0",
"react-infinite-scroller": "^1.2.4",

Просмотреть файл

@ -7,8 +7,8 @@ import { CommandBar } from './commands'
import { usePresetData, useTestFiles, useUrlFiles } from './hooks'
import { GraphViewerPage, DataManagerPage } from './pages'
import { useMemo } from 'react'
import CookieBanner from 'react-cookie-banner'
import { HashRouter, Route } from 'react-router-dom'
import { Footer } from '../Footer'
import styled from 'styled-components'
export const App: React.FC = () => {
@ -22,7 +22,6 @@ export const App: React.FC = () => {
<Route path="/" component={GraphViewerPage} />
<Route path="/files" component={DataManagerPage} />
</LazyCachingSwitch>
<GdprBanner />
<Footer />
</Main>
</Container>
@ -30,21 +29,6 @@ export const App: React.FC = () => {
)
}
const GdprBanner: React.FC = () => (
<Container>
<CookieBanner
message="GitHub uses cookies for authentication and marketing purposes. This application does not drop additional cookies."
cookie="user-has-accepted-cookies"
dismissOnScroll={false}
dismissOnClick={true}
styles={{
banner: { backgroundColor: 'rgba(60, 60, 60, 0.8)', zIndex: 3 },
message: { fontWeight: 400 },
}}
/>
</Container>
)
function useData() {
const presets = usePresetData()
const params = useUrlFiles()
@ -61,22 +45,10 @@ function useData() {
const Container = styled.div``
const Main = styled.div``
const Footer = () => {
return (
<FooterEl>
<a href="https://go.microsoft.com/fwlink/?LinkId=521839">
Privacy &amp; Cookies
</a>
</FooterEl>
)
}
const FooterEl = styled.footer`
height: 20px;
font-size: 12px;
const Main = styled.div`
display: flex;
flex-direction: row;
justify-content: center;
height: 100%;
width: 100%;
flex-direction: column;
align-items: center;
`

Просмотреть файл

@ -25,6 +25,7 @@ export const DataManagerPage: FC = () => {
const Container = styled.div`
display: flex;
flex: 1;
`
const Content = styled.div`

Просмотреть файл

@ -0,0 +1,60 @@
/*!
* Copyright (c) Microsoft. All rights reserved.
* Licensed under the MIT license. See LICENSE file in the project.
*/
import { FC, memo } from 'react'
import styled from 'styled-components'
export const Footer: FC = memo(() => {
return (
<FooterEl>
<Link href={constants.privacyUrl}>Privacy and Cookies</Link>
{' | '}
<Link href={constants.termsOfUseUrl}>Terms of Use</Link>
{' | '}
<Link href={constants.trademarksUrl}>Trademarks</Link>
{' | '}
<Link>{constants.copyright}</Link>
</FooterEl>
)
})
const Link: FC<{
href?: string
className?: string
style?: React.CSSProperties
}> = memo(function Link({ className, children, href, style }) {
return href == null ? (
<div style={style} className={className}>
{children}
</div>
) : (
<a
target="_blank"
rel="noreferrer"
href={href}
style={style}
className={className}
>
{children}
</a>
)
})
const FooterEl = styled.footer`
width: 500px;
height: 20px;
font-size: 12px;
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
justify-content: space-between;
`
const constants = {
privacyUrl: 'https://go.microsoft.com/fwlink/?LinkId=521839',
termsOfUseUrl: 'https://go.microsoft.com/fwlink/?LinkID=206977',
trademarksUrl: 'https://www.microsoft.com/trademarks',
copyright: `©️ ${new Date().getFullYear()} Microsoft`,
}

Просмотреть файл

@ -0,0 +1,5 @@
/*!
* Copyright (c) Microsoft. All rights reserved.
* Licensed under the MIT license. See LICENSE file in the project.
*/
export * from './Footer'

Просмотреть файл

@ -6846,13 +6846,6 @@ __metadata:
languageName: node
linkType: hard
"classnames@npm:2.2.5":
version: 2.2.5
resolution: "classnames@npm:2.2.5"
checksum: cf6bc29a8aeb1812d947d7f4a19601675bbec6e959127a85754bb10fbedc50d321dbdc15d8245dba74de34aeab1a6b3d0293fe5763934dc535844a7a89a54bc2
languageName: node
linkType: hard
"classnames@npm:^2.2.5":
version: 2.3.1
resolution: "classnames@npm:2.3.1"
@ -7355,13 +7348,6 @@ __metadata:
languageName: node
linkType: hard
"cookie@npm:^0.3.1":
version: 0.3.1
resolution: "cookie@npm:0.3.1"
checksum: 5309937344947a049283573861c24bed054fac3334ce5a0fa74b9bc6bf39bd387d3a0fca7f3ed6f4a09f112de82c00b541a0e7d6ce7a8de0f5d1301eec799730
languageName: node
linkType: hard
"copy-concurrently@npm:^1.0.0":
version: 1.0.5
resolution: "copy-concurrently@npm:1.0.5"
@ -10488,7 +10474,6 @@ fsevents@^1.2.7:
raw-loader: ^4.0.2
react: ^17.0.2
react-animate-height: ^2.0.23
react-cookie-banner: ^4.1.0
react-dom: ^17.0.2
react-dropzone: ^11.2.0
react-infinite-scroller: ^1.2.4
@ -10856,13 +10841,6 @@ fsevents@^1.2.7:
languageName: node
linkType: hard
"hoist-non-react-statics@npm:^2.3.1":
version: 2.5.5
resolution: "hoist-non-react-statics@npm:2.5.5"
checksum: ee2d05e5c7e1398ad84a15b0327f66bd78f38a8e0015e852f954b36434e32eb7e942d5357505020a3a1147f247b165bf1e69d72393e3accab67cafdafeb86230
languageName: node
linkType: hard
"hoist-non-react-statics@npm:^3.0.0, hoist-non-react-statics@npm:^3.1.0, hoist-non-react-statics@npm:^3.3.0":
version: 3.3.2
resolution: "hoist-non-react-statics@npm:3.3.2"
@ -13205,13 +13183,6 @@ fsevents@^1.2.7:
languageName: node
linkType: hard
"lodash.omit@npm:^4.5.0":
version: 4.5.0
resolution: "lodash.omit@npm:4.5.0"
checksum: 434645e49fe84ab315719bd5a9a3a585a0f624aa4160bc09157dd041a414bcc287c15840365c1379476a3f3eda41fbe838976c3f7bdecbbf4c5478e86c471a30
languageName: node
linkType: hard
"lodash.throttle@npm:^4.1.1":
version: 4.1.1
resolution: "lodash.throttle@npm:4.1.1"
@ -15632,7 +15603,7 @@ fsevents@^1.2.7:
languageName: node
linkType: hard
"prop-types@npm:^15.0.0, prop-types@npm:^15.5.8, prop-types@npm:^15.6.0, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2":
"prop-types@npm:^15.5.8, prop-types@npm:^15.6.0, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2":
version: 15.7.2
resolution: "prop-types@npm:15.7.2"
dependencies:
@ -15900,15 +15871,6 @@ fsevents@^1.2.7:
languageName: node
linkType: hard
"react-addons-clone-with-props@npm:^0.14.8":
version: 0.14.8
resolution: "react-addons-clone-with-props@npm:0.14.8"
peerDependencies:
react: ^0.14.8
checksum: 7454f9d841059c3d82b3b80fa60a1407b10370da77dbdf401f2a6f3f8f93867ef5bb50fc7ff6cf5abf34c1c5f7bd8da8ba23eba7ee1b4f9b2dc1128eb5a24206
languageName: node
linkType: hard
"react-animate-height@npm:^2.0.23":
version: 2.0.23
resolution: "react-animate-height@npm:2.0.23"
@ -15922,33 +15884,6 @@ fsevents@^1.2.7:
languageName: node
linkType: hard
"react-cookie-banner@npm:^4.1.0":
version: 4.1.0
resolution: "react-cookie-banner@npm:4.1.0"
dependencies:
classnames: 2.2.5
lodash.omit: ^4.5.0
react-addons-clone-with-props: ^0.14.8
react-cookie: ^2.1.2
peerDependencies:
react: ">= 0.12.x"
checksum: 40166f8ee03490bf7edbbdd3c892c4212507f7fb4a935b55747ee0302d48f1aaee419d1edfe473c8d78617a1e47cd54a759b892d7f3e8b8b053300724c486f2a
languageName: node
linkType: hard
"react-cookie@npm:^2.1.2":
version: 2.2.0
resolution: "react-cookie@npm:2.2.0"
dependencies:
hoist-non-react-statics: ^2.3.1
prop-types: ^15.0.0
universal-cookie: ^2.2.0
peerDependencies:
react: ">= 15"
checksum: cd775cb1edc9331803a559825b4dc19312d90f1f79085f49151ac33a2f884a8f6f4fd679ef274cab2adad6356bc7873d46847525a8518ffc3f79bb41d00235e4
languageName: node
linkType: hard
"react-dom@npm:^17.0.2":
version: 17.0.2
resolution: "react-dom@npm:17.0.2"
@ -18945,16 +18880,6 @@ resolve@^2.0.0-next.3:
languageName: node
linkType: hard
"universal-cookie@npm:^2.2.0":
version: 2.2.0
resolution: "universal-cookie@npm:2.2.0"
dependencies:
cookie: ^0.3.1
object-assign: ^4.1.0
checksum: 080405aa81a8fe3ab3f9e33525af07e7a89941d75b233d97a48364fa9fbf12394c7a33cbf9630768e9ae497e7b2256398902bbb3ae99e7c123cbf4384058ee00
languageName: node
linkType: hard
"universalify@npm:^0.1.2":
version: 0.1.2
resolution: "universalify@npm:0.1.2"