From 73ae4b5760bc28cd7381617c1ee3c77a779dd680 Mon Sep 17 00:00:00 2001
From: rikinsk <rikin.kachhia@gmail.com>
Date: Wed, 10 Apr 2019 18:50:26 +0530
Subject: [PATCH] show default values as placeholder during insert row

---
 .../Data/TableInsertItem/InsertItem.js        | 20 +++++++++++--------
 console/src/constants.js                      |  2 ++
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/console/src/components/Services/Data/TableInsertItem/InsertItem.js b/console/src/components/Services/Data/TableInsertItem/InsertItem.js
index 91afbd6e734d5..932142614803a 100644
--- a/console/src/components/Services/Data/TableInsertItem/InsertItem.js
+++ b/console/src/components/Services/Data/TableInsertItem/InsertItem.js
@@ -115,17 +115,18 @@ class InsertItem extends Component {
       };
 
       const colType = col.data_type;
+
+      const placeHolder = hasDefault
+        ? col.column_default
+        : getPlaceholder(colType);
+
       let typedInput = (
-        <input {...standardInputProps} placeholder={getPlaceholder(colType)} />
+        <input {...standardInputProps} placeholder={placeHolder} />
       );
 
       if (isAutoIncrement) {
         typedInput = (
-          <input
-            {...standardInputProps}
-            readOnly
-            placeholder={getPlaceholder(colType)}
-          />
+          <input {...standardInputProps} readOnly placeholder={placeHolder} />
         );
       }
 
@@ -134,7 +135,7 @@ class InsertItem extends Component {
         typedInput = (
           <input
             {...standardInputProps}
-            placeholder={getPlaceholder(colType)}
+            placeholder={placeHolder}
             defaultValue={
               clone && colName in clone ? JSON.stringify(clone[colName]) : ''
             }
@@ -151,8 +152,11 @@ class InsertItem extends Component {
               e.target.parentNode.parentNode.click();
               e.target.focus();
             }}
+            defaultValue={placeHolder}
           >
-            <option value="" disabled>-- bool --</option>
+            <option value="" disabled>
+              -- bool --
+            </option>
             <option value="true">True</option>
             <option value="false">False</option>
           </select>
diff --git a/console/src/constants.js b/console/src/constants.js
index b07caa30abb80..d4b82e38e1f73 100644
--- a/console/src/constants.js
+++ b/console/src/constants.js
@@ -35,6 +35,8 @@ export const getPlaceholder = type => {
       return '{"name": "foo"} or [12, "bar"]';
     case 'jsonb':
       return '{"name": "foo"} or [12, "bar"]';
+    case 'boolean':
+      return '';
     default:
       return 'text';
   }