From d4313ed5b71f17b7fc13960af4a49a2d21e2a274 Mon Sep 17 00:00:00 2001 From: Ulises Jeremias Cornejo Fandos Date: Thu, 14 Jul 2022 01:00:02 -0300 Subject: [PATCH] Demo/open mic (#4) * remove project reference * add Hero component and theme from css * Fixed test Co-authored-by: Roberto Molina --- config/common-paths.js | 3 +- public/amalgam-32x32.png | Bin 1208 -> 0 bytes public/favicon.ico | Bin 3870 -> 12435 bytes src/App.tsx | 3 + src/components/Animations/index.jsx | 49 ++++++++++ src/components/CircleShape/index.js | 13 +++ src/components/Header/Header.test.tsx | 2 +- src/components/Header/Header.tsx | 11 ++- src/components/Header/styles.ts | 4 +- src/components/Hero/index.jsx | 49 ++++++++++ src/components/Hero/styles.js | 80 ++++++++++++++++ src/components/NanBrand/NanBrand.js | 50 ++++++++++ src/components/NanBrand/index.js | 1 + src/components/NanLabsIcon/index.jsx | 11 +++ src/components/RingShape/index.js | 17 ++++ src/components/ShapeBackground/index.jsx | 114 +++++++++++++++++++++++ src/components/ShapeBackground/styles.js | 14 +++ src/hooks/useWindowSize/index.js | 31 ++++++ src/layouts/Default/styles.js | 2 +- src/layouts/FullWidth/styles.js | 2 +- src/pages/Landing/Landing.tsx | 10 +- src/pages/Links/Links.tsx | 6 +- src/theme/index.css | 12 +++ src/theme/index.ts | 1 + src/theme/variables.css | 25 +++++ src/utils/utils.ts | 7 ++ static/images/logo.png | Bin 2150 -> 0 bytes static/images/react.svg | 1 + static/locales/en/config.json | 2 +- static/locales/en/translations.json | 6 +- 30 files changed, 504 insertions(+), 22 deletions(-) delete mode 100644 public/amalgam-32x32.png create mode 100644 src/components/Animations/index.jsx create mode 100644 src/components/CircleShape/index.js create mode 100644 src/components/Hero/index.jsx create mode 100644 src/components/Hero/styles.js create mode 100644 src/components/NanBrand/NanBrand.js create mode 100644 src/components/NanBrand/index.js create mode 100644 src/components/NanLabsIcon/index.jsx create mode 100644 src/components/RingShape/index.js create mode 100644 src/components/ShapeBackground/index.jsx create mode 100644 src/components/ShapeBackground/styles.js create mode 100644 src/hooks/useWindowSize/index.js create mode 100644 src/theme/variables.css delete mode 100644 static/images/logo.png create mode 100644 static/images/react.svg diff --git a/config/common-paths.js b/config/common-paths.js index a558dd0e..7b826e8a 100644 --- a/config/common-paths.js +++ b/config/common-paths.js @@ -21,8 +21,7 @@ module.exports = { locales: path.resolve(__dirname, '..', 'static/locales/'), images: path.resolve(__dirname, '..', 'static/images/'), template: path.resolve(__dirname, '..', 'public/index.html'), - // favicon: path.resolve(__dirname, '..', 'public/favicon.ico'), - favicon: path.resolve(__dirname, '..', 'public/amalgam-32x32.png'), + favicon: path.resolve(__dirname, '..', 'public/favicon.ico'), manifest: path.resolve(__dirname, '..', 'public/manifest.json'), serviceWorker: path.resolve(__dirname, '..', 'src/', 'service-worker.ts'), }; diff --git a/public/amalgam-32x32.png b/public/amalgam-32x32.png deleted file mode 100644 index 4c8bf88b453d651b34a2f0ec8267daa712866194..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1208 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/src/App.tsx b/src/App.tsx index 1b4aa032..fb6394ba 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,9 @@ import 'theme'; import Loading from 'components/Loading'; import AppRoutes from 'routes/AppRoutes'; import ReactQueryProvider from 'providers/ReactQueryProvider'; +import { toggleTheme } from 'utils/utils'; + +window.toggleTheme = toggleTheme; const App: FC = () => ( }> diff --git a/src/components/Animations/index.jsx b/src/components/Animations/index.jsx new file mode 100644 index 00000000..6b5ba0e9 --- /dev/null +++ b/src/components/Animations/index.jsx @@ -0,0 +1,49 @@ +import styled, { keyframes, css } from 'styled-components'; + +export const spin = keyframes` + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +`; + +export const upDown = keyframes` + from { + transform: translate3d(0,25px,0); + } + to { + transform: translate3d(0,-50px,0); + } +`; + +export const upDownWide = keyframes` + from { + transform: translate3d(0,0,0); + } + to { + transform: translate3d(0,-150px,0); + } +`; + +export const upDownAnimation = css` + animation: ${upDown} 7s ease-in-out infinite alternate; +`; + +export const upDownWideAnimation = css` + animation: ${upDownWide} 15s ease-in-out infinite alternate; +`; + +export const UpDown = styled.div` + ${upDownAnimation}; + position: relative; + ${(props) => props} +`; + +export const UpDownWide = styled.div` + ${upDownWideAnimation}; + position: relative; + ${(props) => props} +`; diff --git a/src/components/CircleShape/index.js b/src/components/CircleShape/index.js new file mode 100644 index 00000000..c52c1556 --- /dev/null +++ b/src/components/CircleShape/index.js @@ -0,0 +1,13 @@ +import styled from 'styled-components'; + +export const CircleShape = styled.div` + position: relative; + background-image: linear-gradient(${(props) => `${props.deg}, ${props.primary}, ${props.secondary}`}); + border-radius: 9999px; + z-index: 1; + height: 100px; + width: 100px; + ${(props) => props}; +`; + +export default CircleShape; diff --git a/src/components/Header/Header.test.tsx b/src/components/Header/Header.test.tsx index 04859216..f1ffa1c4 100644 --- a/src/components/Header/Header.test.tsx +++ b/src/components/Header/Header.test.tsx @@ -4,5 +4,5 @@ import Header from './Header'; test('testing i18n in Header', async () => { render(
); - expect(screen.getByText('How it Works')).toBeTruthy(); + expect(screen.getByText('Router example')).toBeTruthy(); }); diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index c76413cd..fdf56145 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -6,28 +6,29 @@ import { Link, NavLink } from 'react-router-dom'; import { Routes } from 'routes/Routes'; import Button from 'components/Button'; import Sparkles from 'components/Sparkles'; -import logo from 'app-assets/images/logo.png'; +import NanBrand from 'components/NanBrand'; const Header: FC = () => { const { t } = useTranslation(['config', 'translations']); const isFixed = useScroll(50); + return (