From c075350fdc179657ff28095bf1f8cf9be39ca5c6 Mon Sep 17 00:00:00 2001
From: Illia Zolotukha <job.illia.igorevich@gmail.com>
Date: Fri, 30 Jun 2023 02:09:17 +0300
Subject: [PATCH] update Readme

---
 README.md                                     | 29 ++++++++++++++++++-
 public/index.html                             | 14 ---------
 src/components/BoardItem/BoardItem.jsx        |  7 ++---
 src/components/BoardList/BoardList.jsx        |  2 +-
 .../BoardModalWindow/BoardModalWindow.jsx     |  7 +++--
 .../BoxRadioBackgroundGroup.jsx               |  7 +++--
 .../ModalChangeColumn/ModalChangeColumn.jsx   |  2 +-
 7 files changed, 43 insertions(+), 25 deletions(-)

diff --git a/README.md b/README.md
index 4fbfa8f..8e99f5b 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,28 @@
-npm run format - форматування за prettier
+This is a [React](https://react.dev/) project bootstrapped with
+[`create-react-app`](https://create-react-app.dev/).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run start
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the
+result.
+
+You can start editing the page by modifying `src/index.js`. The page
+auto-updates as you edit the file.
+
+[API routes] can be accessed on
+[https://taskpro.onrender.com/api-docs/#/](https://taskpro.onrender.com/api-docs/#/).
+
+The `src/secrvices` directory is mapped to `/*`.
+
+## Learn More
+
+To learn more about React, take a look at the following resources:
+
+- [React documentation](https://uk.reactjs.org/) - learn about React features.
+- [Learn React](https://uk.reactjs.org/) - a React tutorial.
diff --git a/public/index.html b/public/index.html
index b398cb6..77438fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,21 +9,7 @@
       name="description"
       content="Web site created using create-react-app"
     />
-    <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
     <title>TaskPro</title>
 
diff --git a/src/components/BoardItem/BoardItem.jsx b/src/components/BoardItem/BoardItem.jsx
index 5554437..6b68915 100644
--- a/src/components/BoardItem/BoardItem.jsx
+++ b/src/components/BoardItem/BoardItem.jsx
@@ -17,7 +17,7 @@ export const BoardItem = ({
   id,
   boardName,
   icon,
-  background = "default",
+  background = 'default',
   theme,
   onClick,
   isCurrent,
@@ -28,14 +28,13 @@ export const BoardItem = ({
   const navigate = useNavigate();
 
   const editSubmit = async dataBoard => {
-        await dispatch(editBoard({ dataBoard, id }));
-        dispatch(getBoardById(id));
+    await dispatch(editBoard({ dataBoard, id }));
+    dispatch(getBoardById(id));
   };
 
   const handleOpenEditModal = e => {
     e.stopPropagation();
     setIsOpenEditModal(true);
-
   };
   const handleCloseEditModal = () => {
     setIsOpenEditModal(false);
diff --git a/src/components/BoardList/BoardList.jsx b/src/components/BoardList/BoardList.jsx
index 60f536a..f60bd7a 100644
--- a/src/components/BoardList/BoardList.jsx
+++ b/src/components/BoardList/BoardList.jsx
@@ -21,7 +21,7 @@ export const BoardList = ({ theme, boards, currentBoard }) => {
           key={shortid.generate()}
           boardName={title}
           icon={`${sprite}#${icon}`}
-          background={background ? background : "default"}
+          background={background ? background : 'default'}
           theme={theme}
           id={_id}
           onClick={onClick}
diff --git a/src/components/BoardModalWindow/BoardModalWindow.jsx b/src/components/BoardModalWindow/BoardModalWindow.jsx
index 0daafde..75f0ea5 100644
--- a/src/components/BoardModalWindow/BoardModalWindow.jsx
+++ b/src/components/BoardModalWindow/BoardModalWindow.jsx
@@ -11,7 +11,7 @@ import s from './BoardModalWindow.module.scss';
 export const BoardModalWindow = ({
   inputTitle = '',
   activeIcon = 'icon-project',
-  activeBackground = "default",
+  activeBackground = 'default',
   modalTitle,
   titleModalButton,
   onSubmit,
@@ -86,7 +86,10 @@ export const BoardModalWindow = ({
           </p>
         )}
         <BoxRadioIconGroup valueChange={setIcon} activeIcon={activeIcon} />
-        <BoxRadioBackgroundGroup valueChange={setBackground} activeBackground={activeBackground}/>
+        <BoxRadioBackgroundGroup
+          valueChange={setBackground}
+          activeBackground={activeBackground}
+        />
         <button className={`${s.buttonModal} ${s[theme]}`} type="submit">
           <span className={`${s.iconButtonModalWrapper} ${s[theme]}`}>
             <svg
diff --git a/src/components/BoxRadioBackgroundGroup/BoxRadioBackgroundGroup.jsx b/src/components/BoxRadioBackgroundGroup/BoxRadioBackgroundGroup.jsx
index 27528fc..37e01a3 100644
--- a/src/components/BoxRadioBackgroundGroup/BoxRadioBackgroundGroup.jsx
+++ b/src/components/BoxRadioBackgroundGroup/BoxRadioBackgroundGroup.jsx
@@ -10,7 +10,10 @@ import { selectorTheme } from '../../redux/Auth/authSelectors';
 import { Loader } from 'components/Loader/Loader';
 import s from './BoxRadioBackgroundGroup.module.scss';
 
-export const BoxRadioBackgroundGroup = ({ valueChange, activeBackground = "default" }) => {
+export const BoxRadioBackgroundGroup = ({
+  valueChange,
+  activeBackground = 'default',
+}) => {
   const dispatch = useDispatch();
 
   const thumbnails = useSelector(selectBackgroundThumbnails);
@@ -92,5 +95,5 @@ export const BoxRadioBackgroundGroup = ({ valueChange, activeBackground = "defau
 
 BoxRadioBackgroundGroup.propTypes = {
   valueChange: PropTypes.func.isRequired,
-  activeBackground: PropTypes.string
+  activeBackground: PropTypes.string,
 };
diff --git a/src/components/ModalChangeColumn/ModalChangeColumn.jsx b/src/components/ModalChangeColumn/ModalChangeColumn.jsx
index 76769ea..e730926 100644
--- a/src/components/ModalChangeColumn/ModalChangeColumn.jsx
+++ b/src/components/ModalChangeColumn/ModalChangeColumn.jsx
@@ -28,7 +28,7 @@ export const ModalChangeColumn = ({ closeModal, columnId, cardId }) => {
               }}
               type="button"
             >
-             <span className={s.title}> {title}</span>
+              <span className={s.title}> {title}</span>
               <svg
                 className={clsx(s.icon, s[theme], id === columnId && s.current)}
               >