zecfoundation
/
zcash-grant-system
mirror of https://github.com/ZcashFoundation/zcash-grant-system.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zcash-grant-system/frontend/server/components/HTML.tsx

86 lines
2.5 KiB
TypeScript
Raw Normal View History

Replace nextjs (#54) * add new deps * remove .babelrc * add main files * package scripts + add missing typings * tslint ignore json * replace next/router * replace next/link * HMR + configureStore + fontawsome header link * Use Link instead of Redirect to solve same page redirect problem. * Home svg import. * hide filter button even if ant styles load first * Integrate Helmet * adjust style loading + fix font-face url format * import style higher in render tree for improved SSR * dev.js - nodemon only watch build/server dir * precedence order fixed * keep_fnames=true to keep uglifyjs from mangling BN * small cleanup
2018-09-17 13:55:49 -07:00
import * as React from 'react';
import Helmet from 'react-helmet';
export interface Props {
children: any;
css: string[];
scripts: string[];
Logos, Icons, Manifest.json (#163) * Use name and icon logos where possible. Add favicon and other general web meta info. * Unused import * Update icons and logos.
2018-10-30 10:58:05 -07:00
linkTags: Array<React.LinkHTMLAttributes<HTMLLinkElement>>;
metaTags: Array<React.MetaHTMLAttributes<HTMLMetaElement>>;
Replace nextjs (#54) * add new deps * remove .babelrc * add main files * package scripts + add missing typings * tslint ignore json * replace next/router * replace next/link * HMR + configureStore + fontawsome header link * Use Link instead of Redirect to solve same page redirect problem. * Home svg import. * hide filter button even if ant styles load first * Integrate Helmet * adjust style loading + fix font-face url format * import style higher in render tree for improved SSR * dev.js - nodemon only watch build/server dir * precedence order fixed * keep_fnames=true to keep uglifyjs from mangling BN * small cleanup
2018-09-17 13:55:49 -07:00
state: string;
Frontend i18n Infrastructure (#174)
2018-11-04 10:26:34 -08:00
i18n: string;
Replace nextjs (#54) * add new deps * remove .babelrc * add main files * package scripts + add missing typings * tslint ignore json * replace next/router * replace next/link * HMR + configureStore + fontawsome header link * Use Link instead of Redirect to solve same page redirect problem. * Home svg import. * hide filter button even if ant styles load first * Integrate Helmet * adjust style loading + fix font-face url format * import style higher in render tree for improved SSR * dev.js - nodemon only watch build/server dir * precedence order fixed * keep_fnames=true to keep uglifyjs from mangling BN * small cleanup
2018-09-17 13:55:49 -07:00
loadableStateScript: string;
}
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
const HTML: React.SFC<Props> = ({
children,
scripts,
css,
state,
Frontend i18n Infrastructure (#174)
2018-11-04 10:26:34 -08:00
i18n,
Logos, Icons, Manifest.json (#163) * Use name and icon logos where possible. Add favicon and other general web meta info. * Unused import * Update icons and logos.
2018-10-30 10:58:05 -07:00
linkTags,
metaTags,
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
loadableStateScript,
}) => {
const head = Helmet.renderStatic();
return (
<html lang="">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
Logos, Icons, Manifest.json (#163) * Use name and icon logos where possible. Add favicon and other general web meta info. * Unused import * Update icons and logos.
2018-10-30 10:58:05 -07:00
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Grant.io" />
<meta name="application-name" content="Grant.io" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="msapplication-TileColor" content="#fff" />
<meta name="theme-color" content="#fff" />
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
{/* TODO: import from @fortawesome */}
Initial Proposal rework (#32) * Rework proposal model to remove ethereum specific stuff. Removed most traces of those fields around the backend. * Refactor to a state where /proposlas loads. * Get rid of the ProposalWithCrowdFund type. * Fix padding on create flow.
2018-12-28 15:05:34 -08:00
{/* <link
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossOrigin="anonymous"
Initial Proposal rework (#32) * Rework proposal model to remove ethereum specific stuff. Removed most traces of those fields around the backend. * Refactor to a state where /proposlas loads. * Get rid of the ProposalWithCrowdFund type. * Fix padding on create flow.
2018-12-28 15:05:34 -08:00
/> */}
Logos, Icons, Manifest.json (#163) * Use name and icon logos where possible. Add favicon and other general web meta info. * Unused import * Update icons and logos.
2018-10-30 10:58:05 -07:00
{/* Custom link & meta tags from webpack */}
{linkTags.map((l, idx) => (
<link key={idx} {...l as any} />
))}
{metaTags.map((m, idx) => (
<meta key={idx} {...m as any} />
))}
{/* Component link & meta tags */}
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
{head.base.toComponent()}
{head.title.toComponent()}
{head.meta.toComponent()}
{head.link.toComponent()}
{head.script.toComponent()}
Logos, Icons, Manifest.json (#163) * Use name and icon logos where possible. Add favicon and other general web meta info. * Unused import * Update icons and logos.
2018-10-30 10:58:05 -07:00
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
{css.map(href => {
return <link key={href} rel="stylesheet" href={href} />;
})}
<script
dangerouslySetInnerHTML={{
__html: `window.__PRELOADED_STATE__ = ${state}`,
}}
/>
Frontend i18n Infrastructure (#174)
2018-11-04 10:26:34 -08:00
<script
dangerouslySetInnerHTML={{
__html: `window.__PRELOADED_I18N__ = ${i18n}`,
}}
/>
Strict Typescript (pt. 1) (#150) * Enable noImplicitThis, alwaysStrict, and strictFunctionTypes configs. * Enable all strict rules. Implement typedKeys function for better typing. (#152)
2018-10-19 15:03:37 -07:00
</head>
<body>
<div id="app" dangerouslySetInnerHTML={{ __html: children }} />
<script dangerouslySetInnerHTML={{ __html: loadableStateScript }} />
{scripts.map(src => {
return <script key={src} src={src} />;
})}
</body>
</html>
);
};
export default HTML;