From 678239a279d834ef35d6741a42ee12dfc76d2f5c Mon Sep 17 00:00:00 2001 From: Evgenii Vedegis Date: Mon, 14 Mar 2022 16:16:03 +0800 Subject: [PATCH] added: styled-components; prop-types; Avatar --- package.json | 4 +- src/App.js | 8 +- src/components/Footer/Footer.jsx | 8 +- src/components/Footer/Footer.scss | 4 + src/components/Header/Header.jsx | 22 +- src/components/Header/Header.scss | 15 +- src/components/UI/.gitkeep | 0 src/components/UI/Avatar/Avatar.jsx | 22 + src/components/UI/Avatar/index.js | 3 + src/components/index.js | 3 + yarn.lock | 16123 +++++++++++++------------- 11 files changed, 8118 insertions(+), 8094 deletions(-) create mode 100644 src/components/UI/.gitkeep create mode 100644 src/components/UI/Avatar/Avatar.jsx create mode 100644 src/components/UI/Avatar/index.js diff --git a/package.json b/package.json index 1c103ce..61d2644 100644 --- a/package.json +++ b/package.json @@ -27,10 +27,12 @@ "pdf-builder" ], "devDependencies": { + "node-sass": "^7.0.1", "react-scripts": "5.0.0", - "node-sass": "^7.0.1" + "styled-components": "^5.3.3" }, "dependencies": { + "prop-types": "^15.8.1", "react": "^17.0.2", "react-dom": "^17.0.2", "uimini": "^2.0.7" diff --git a/src/App.js b/src/App.js index c25663b..8362110 100644 --- a/src/App.js +++ b/src/App.js @@ -1,14 +1,18 @@ import React from 'react' -import { Header, Footer } from './components' +import { Header, Footer, Avatar } from './components' const App = () => { + const handleAvatarClick = () => console.log('avatar clicked') + const handlePrintClick = () => console.log('print button clicked') + return (
-
+
+

Hello world!

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index 0fccfa0..8671ebd 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -4,8 +4,12 @@ import './Footer.scss' const Footer = () => { return ( -