|
1 | | -<<<<<<< HEAD |
2 | 1 | import React, { useState } from 'react' |
3 | 2 | import ReactDOM from 'react-dom' |
4 | 3 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' |
@@ -50,67 +49,3 @@ function App() { |
50 | 49 |
|
51 | 50 | const rootElement = document.getElementById('root') |
52 | 51 | ReactDOM.render(<App />, rootElement) |
53 | | -======= |
54 | | -import React, { useState } from "react"; |
55 | | -import ReactDOM from "react-dom"; |
56 | | -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; |
57 | | -import { |
58 | | - faBars, |
59 | | - faTimes, |
60 | | - faCogs, |
61 | | - faTable, |
62 | | - faList, |
63 | | - faUser |
64 | | -} from "@fortawesome/free-solid-svg-icons"; |
65 | | - |
66 | | -import "./styles.css"; |
67 | | - |
68 | | -function App() { |
69 | | - const [isOpen, setIsOpen] = useState(false); |
70 | | - |
71 | | - const handleTrigger = () => setIsOpen(!isOpen); |
72 | | - |
73 | | - return ( |
74 | | - <div className="App"> |
75 | | - <div className="page"> |
76 | | - <div className="content"> |
77 | | - <a |
78 | | - target="_blank" |
79 | | - rel="noopener noreferrer" |
80 | | - href="https://codepen.io/mejdej93/pen/eYYJGjd" |
81 | | - > |
82 | | - original Pen |
83 | | - </a> |
84 | | - </div> |
85 | | - |
86 | | - <div className={`sidebar ${isOpen ? "sidebar--open" : ""}`}> |
87 | | - <div className="trigger" onClick={handleTrigger}> |
88 | | - <FontAwesomeIcon icon={isOpen ? faTimes : faBars} /> |
89 | | - </div> |
90 | | - |
91 | | - <div className="sidebar-position"> |
92 | | - <FontAwesomeIcon icon={faUser} /> |
93 | | - <span>Home</span> |
94 | | - </div> |
95 | | - <div className="sidebar-position"> |
96 | | - <FontAwesomeIcon icon={faCogs} /> |
97 | | - <span>Menu item 2</span> |
98 | | - </div> |
99 | | - <div className="sidebar-position"> |
100 | | - <FontAwesomeIcon icon={faTable} /> |
101 | | - <span>Menu item 3</span> |
102 | | - </div> |
103 | | - |
104 | | - <div className="sidebar-position"> |
105 | | - <FontAwesomeIcon icon={faList} /> |
106 | | - <span>Position 4</span> |
107 | | - </div> |
108 | | - </div> |
109 | | - </div> |
110 | | - </div> |
111 | | - ); |
112 | | -} |
113 | | - |
114 | | -const rootElement = document.getElementById("root"); |
115 | | -ReactDOM.render(<App />, rootElement); |
116 | | ->>>>>>> a5347c07e3147f8be046a12aaa589f4218a65a68 |
0 commit comments