Added icon

Author: Yadro

src/components/SettingsModal/SettingsModal.tsx

@@ -9,6 +9,7 @@ import {
   TimePicker,
 } from 'antd';
 import { CheckboxChangeEvent } from 'antd/lib/checkbox';
+import { SaveOutlined } from '@ant-design/icons';
 import { observer } from 'mobx-react';
 // eslint-disable-next-line import/named
 import moment, { Moment } from 'moment';
@@ -75,6 +76,7 @@ const SettingsModal: React.VFC<ISettingsModalProps> = observer(
         title="Settings"
         visible={visible}
         // okButtonProps={{ disabled: !valid }}
+        okButtonProps={{ icon: <SaveOutlined /> }}
         okText="Save"
         onOk={handleSave}
         onCancel={onClose}

src/components/TimeRangeModal/TimeRangeModal.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { Button, Col, Form, Input, Modal, Row, TimePicker } from 'antd';
 import { Moment } from 'moment/moment';
 import moment from 'moment';
-import { DeleteFilled } from '@ant-design/icons';
+import { DeleteFilled, SaveOutlined } from '@ant-design/icons';
 import { observer } from 'mobx-react';
 import isBefore from 'date-fns/isBefore';
 
@@ -97,10 +97,10 @@ const TimeRangeModal = observer(
       <Modal
         title="Edit time range"
         visible={visible}
-        okButtonProps={{ disabled: !valid }}
         onOk={handleOk}
         onCancel={handleCancel}
         okText="Save"
+        okButtonProps={{ icon: <SaveOutlined />, disabled: !valid }}
       >
         <Form colon>
           <Form.Item label="Task">

src/screens/projects/components/ProjectModals/EditProjectModal.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Input, Modal, Space } from 'antd';
-import { DeleteFilled } from '@ant-design/icons';
+import { DeleteFilled, SaveOutlined } from '@ant-design/icons';
 import { observer } from 'mobx-react';
 
 import ProjectModel from '../../../../modules/projects/models/ProjectModel';
@@ -60,6 +60,7 @@ const EditProjectModal = observer(({ project }: EditProjectModalProps) => {
       onOk={handleOk}
       onCancel={handleCancel}
       okText="Save"
+      okButtonProps={{ icon: <SaveOutlined /> }}
     >
       <Space direction="vertical">
         <Input