diff --git a/app/components/home/stacking-promo-card.tsx b/app/components/home/stacking-promo-card.tsx index 3d1cb77..6618cf2 100644 --- a/app/components/home/stacking-promo-card.tsx +++ b/app/components/home/stacking-promo-card.tsx @@ -1,5 +1,6 @@ import React from 'react'; import { Box, Flex, Text, Button } from '@blockstack/ui'; +import btcPodium from '../../assets/images/btc-podium.svg'; export const StackingPromoCard = () => { return ( @@ -10,7 +11,7 @@ export const StackingPromoCard = () => { border="1px solid #F0F0F5" > - + Earn Bitcoin rewards diff --git a/app/package.json b/app/package.json index d8aaa26..c047497 100644 --- a/app/package.json +++ b/app/package.json @@ -4,6 +4,10 @@ "version": "1.1.0", "description": "", "main": "./main.prod.js", + "author": { + "email": "info@blockstack.com", + "name": "Blockstack PBC" + }, "scripts": { "electron-rebuild": "node -r ../internals/scripts/BabelRegister.js ../internals/scripts/ElectronRebuild.js", "postinstall": "yarn electron-rebuild" diff --git a/app/types/index.ts b/app/types/index.ts new file mode 100644 index 0000000..86e7d43 --- /dev/null +++ b/app/types/index.ts @@ -0,0 +1,9 @@ +declare module '*.svg' { + const content: any; + export default content; +} + +declare module '*.woff2' { + const content: any; + export default content; +} diff --git a/app/utils/load-fonts.ts b/app/utils/load-fonts.ts index 7c5430d..ab7f6c5 100644 --- a/app/utils/load-fonts.ts +++ b/app/utils/load-fonts.ts @@ -1,15 +1,19 @@ +import InterUiMedium from '../assets/fonts/Inter-Medium.woff2'; +import InterUiRegular from '../assets/fonts/Inter-Regular.woff2'; +import InterUiSemiBold from '../assets/fonts/Inter-SemiBold.woff2'; + function getFontAssetPath(name: string) { - return `url(assets/fonts/${name}.woff2)`; + return `url(${name})`; } export async function loadFonts(): Promise { - const interRegular = new FontFace('Inter', getFontAssetPath('Inter-Regular'), { + const interRegular = new FontFace('Inter', getFontAssetPath(InterUiRegular), { weight: '400', }); - const interMedium = new FontFace('Inter', getFontAssetPath('Inter-Medium'), { + const interMedium = new FontFace('Inter', getFontAssetPath(InterUiMedium), { weight: '500', }); - const interSemiBold = new FontFace('Inter', getFontAssetPath('Inter-SemiBold'), { + const interSemiBold = new FontFace('Inter', getFontAssetPath(InterUiSemiBold), { weight: '600', }); diff --git a/package.json b/package.json index 5d1b70b..510b71f 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,10 @@ "version": "1.1.0", "description": "Electron application boilerplate based on React, React Router, Webpack, React Hot Loader for rapid application development", "prettier": "@blockstack/prettier-config", + "author": { + "email": "info@blockstack.com", + "name": "Blockstack PBC" + }, "scripts": { "build": "concurrently \"yarn build-main\" \"yarn build-renderer\"", "build-dll": "cross-env NODE_ENV=development webpack --config ./configs/webpack.config.renderer.dev.dll.babel.js --colors",