Made the header button show/hide work

This commit is contained in:
Sage The DM 2024-09-18 11:17:34 +02:00
parent 48668f7f6e
commit 284e70b841
20 changed files with 585 additions and 588 deletions

View file

@ -1,4 +1,3 @@
// History.tsx
import React from 'react';
const History: React.FC = () => {
@ -6,28 +5,13 @@ const History: React.FC = () => {
<div className="history-background">
<div className="history">
<ul>
{/* Populate with history items */}
<li><a href="#">history1</a></li>
<li><a href="#">history2</a></li>
<li><a href="#">history3</a></li>
<li><a href="#">history4</a></li>
<li><a href="#">history5</a></li>
<li><a href="#">history6</a></li>
<li><a href="#">history7</a></li>
<li><a href="#">history8</a></li>
<li><a href="#">history9</a></li>
<li><a href="#">history10</a></li>
<li><a href="#">history11</a></li>
<li><a href="#">history12</a></li>
<li><a href="#">history13</a></li>
<li><a href="#">history14</a></li>
<li><a href="#">history15</a></li>
<li><a href="#">history16</a></li>
<li><a href="#">history17</a></li>
<li><a href="#">history18</a></li>
<li><a href="#">history19</a></li>
<li><a href="#">history20</a></li>
</ul>
{/* Populate with history items */}
{Array.from({ length: 20 }, (_, index) => (
<li key={index}>
<a href="#">history{index + 1}</a>
</li>
))}
</ul>
</div>
</div>
);