src/Menu.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import React, { useState } from "react";

interface MenuProps {
  // open: boolean,
}

export function Menu({ }: MenuProps) {
  const [open, setOpen] = useState(false);

  return (
    <div id="menu" onClick={() => { setOpen(!open) }}>
      <div id="bars">
        <div className="bar"></div>
        <div className="bar"></div>
        <div className="bar"></div>
      </div>
      {open ? <div id="about">
        <p>זה הטקסט אודות האתר.</p>
        <p>את כל הקוד אפשר למצוא ב<a href="">גיטהאב</a>.</p>
      </div> : null}
    </div>
  );
}