feat: add open date for table

src/components/dashboard/dashboard.functions.ts

@@ -12,7 +12,9 @@ export const toHTML = (key: string) => {
   return /* html */ `
   <li class="dashboard__record">
       <a href="#excel/${id}" class="dashboard__link"> ${model.title} </a>
-      <strong class="dashboard__create-date">12.06.2023</strong>
+      <strong class="dashboard__create-date">
+        ${new Date(model.dateTable).toLocaleDateString()} ${new Date(model.dateTable).toLocaleTimeString()}
+      </strong>
   </li>
   `;
 };

src/components/excel/Excel.ts

@@ -3,6 +3,7 @@ import { IExcelComponent } from '@src/core/excelComponent/ExcelComponent';
 import Observer from '@src/core/observer/Observer';
 import StoreSubscriber from '@src/core/storeSubscriber/StoreSubscriber';
 import { TActions } from '@src/store/action.types';
+import { updateDate } from '@src/store/actions';
 import { IReturnCreateStore, IRootState } from '@src/store/store.types';
 
 interface IExcelOptions<T> {
@@ -49,6 +50,7 @@ class Excel<T extends IExcelComponent> {
   }
 
   init() {
+    this.store.dispatch(updateDate());
     this.subscriber.subscribeComponents(this.objectComponents);
     this.objectComponents.forEach((component) => {
       component.init();

src/store/action.types.ts

@@ -23,12 +23,17 @@ export interface IChangeTitle {
   payload: string;
 }
 
+export interface IUpdateDate {
+  readonly type: 'UPDATE_DATE';
+}
+
 export type TTableActions =
   | ITableResizeActionCreator
   | IChangeTextActionCreator
   | IApplyStyle
   | ICurrentStyles
   | IChangeTitle
+  | IUpdateDate
   | { type: '__INIT__'; payload: any };
 
 export type TActions = TTableActions;

src/store/actions.ts

@@ -6,6 +6,7 @@ import {
   IChangeTitle,
   ICurrentStyles,
   ITableResizeActionCreator,
+  IUpdateDate,
 } from './action.types';
 
 export const tableResizeActionCreator = (data: ITableResize): ITableResizeActionCreator => ({
@@ -32,3 +33,7 @@ export const changeTitle = (data: string): IChangeTitle => ({
   type: 'CHANGE_TITLE',
   payload: data,
 });
+
+export const updateDate = (): IUpdateDate => ({
+  type: 'UPDATE_DATE',
+});

src/store/initialState.ts

@@ -11,6 +11,7 @@ export const defaultState: IRootState = {
   currentText: '',
   currentStyles: initialToolbarState,
   title: DEFAULT_TITLE,
+  dateTable: new Date().toJSON(),
 };
 
 const localStorageState = localStorageFn<IRootState>(EXCEL_STATE);

src/store/rootReducer.ts

@@ -47,6 +47,9 @@ const rootReducer = (state: IRootState, action: TActions): IRootState => {
     case 'CHANGE_TITLE':
       return { ...state, title: action.payload };
 
+    case 'UPDATE_DATE':
+      return { ...state, dateTable: new Date().toJSON() };
+
     default:
       return state;
   }

src/store/store.types.ts

@@ -18,4 +18,5 @@ export interface IRootState {
   currentText: string;
   currentStyles: IToolbarState;
   title: string;
+  dateTable: string;
 }