From 8860649faa99eaaea653538198d649c168b242e6 Mon Sep 17 00:00:00 2001
From: melnicenkovadik <melnicenkovadik@gmail.com>
Date: Fri, 3 Dec 2021 00:26:17 +0200
Subject: [PATCH] useDebugLog add add hooks directory add config directory

---
 package.json             | 3 ++-
 src/config/index.js      | 1 +
 src/hooks/index.js       | 3 +++
 src/hooks/useDebugLog.js | 4 ++++
 src/pages/Home/Home.js   | 7 ++++++-
 5 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src/config/index.js
 create mode 100644 src/hooks/index.js
 create mode 100644 src/hooks/useDebugLog.js

diff --git a/package.json b/package.json
index 501cf9c..49ca644 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "format": "prettier --write \"{,!(node_modules)/**/}*.js\""
   },
   "eslintConfig": {
     "extends": "@inc4/react"
diff --git a/src/config/index.js b/src/config/index.js
new file mode 100644
index 0000000..64ecb7b
--- /dev/null
+++ b/src/config/index.js
@@ -0,0 +1 @@
+export const ENABLE_DEBUG_LOG = true;
diff --git a/src/hooks/index.js b/src/hooks/index.js
new file mode 100644
index 0000000..18a15aa
--- /dev/null
+++ b/src/hooks/index.js
@@ -0,0 +1,3 @@
+import { useDebugLog } from './useDebugLog';
+
+export { useDebugLog };
diff --git a/src/hooks/useDebugLog.js b/src/hooks/useDebugLog.js
new file mode 100644
index 0000000..cf563db
--- /dev/null
+++ b/src/hooks/useDebugLog.js
@@ -0,0 +1,4 @@
+import { ENABLE_DEBUG_LOG } from '../config';
+
+export const useDebugLog = (...logs) =>
+  ENABLE_DEBUG_LOG && console.log(...logs);
diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
index 118d331..c8cff58 100644
--- a/src/pages/Home/Home.js
+++ b/src/pages/Home/Home.js
@@ -1,4 +1,9 @@
 import React from 'react';
-const Home = () => <h1>Home</h1>;
+import { useDebugLog } from '../../hooks';
+const Home = () => {
+  useDebugLog('dsdasdas');
+
+  return <h1>Home</h1>;
+};
 
 export default Home;