Implement main bar + Change colors

src/Components/History/History.tsx

@@ -5,7 +5,6 @@ interface IHistoryProps {
   history: IHistoryState[]
   historyCurrentStep: number
   isOpen: boolean
-  onClick: () => void
   jumpTo: (move: number) => void
 }
 
@@ -46,12 +45,9 @@ export class History extends React.PureComponent<IHistoryProps> {
     states.reverse();
 
     return (
-      <div className={`fixed flex flex-col bg-slate-400 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
-        <button className='close-button bg-slate-500 hover:bg-slate-700 justify-start' onClick={this.props.onClick}>
-          &times; Close
-        </button>
-        <div className='bg-slate-600 sidebar-row'>
-          History
+      <div className={`fixed flex flex-col bg-slate-300 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
+        <div className='bg-slate-600 font-bold sidebar-title'>
+          Timeline
         </div>
         <div className='overflow-y-auto overflow-x-hidden text-slate-300 flex-grow divide-y divide-solid divide-slate-600'>
           { states }