From 1fd7a75368153b0b5e8a2c54c970ccd71fee435d Mon Sep 17 00:00:00 2001
From: mertJF <mertcukuren@jotform.com>
Date: Tue, 29 Dec 2020 22:15:54 +0300
Subject: [PATCH] Revert "promote bar"

This reverts commit f969597853d0ed4892c12dc8fcf410a71e606fd4.
---
 src/App.js    | 13 +------------
 src/index.css |  4 ++--
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/App.js b/src/App.js
index ff71200..bfa874c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -94,7 +94,6 @@ class App extends Component {
       copied: false,
       sidebar: true,
       codeView: false,
-      showNotification: false,
       currentKeyCode: null,
       view: 'desktop',
       theme: 'indigo',
@@ -120,9 +119,6 @@ class App extends Component {
 
   componentDidMount() {
     document.addEventListener('keydown', this.keyboardNavigation);
-    setTimeout(() => {
-      this.setState({ showNotification: true })
-    }, 1000);
   }
 
   hideSidebar() {
@@ -319,20 +315,13 @@ class App extends Component {
 }
 
   render() {
-    const { darkMode, theme, blockName, blockType, sidebar, view, copied, currentKeyCode, showNotification } = this.state;
+    const { darkMode, theme, blockName, blockType, sidebar, view, copied, currentKeyCode } = this.state;
     return (
       <div className={`app${darkMode ? ' dark-mode' : ''}${sidebar ? ' has-sidebar' : ''} ${theme} ${view}`}>
         <textarea className="copy-textarea" ref={this.textareaRef} />
         <aside className="sidebar" ref={this.sidebarRef}>
           {this.listRenderer()}
         </aside>
-        <div className={`md:flex hidden lg:text-sm text-xs bg-${theme}-600 text-white text-center ${showNotification ? 'h-14' : 'h-0'} overflow-hidden items-center justify-center relative`} style={{ paddingLeft: 160, transition: 'height .45s' }}>
-          <p>Would you like to work with the <span className="font-medium">Tailblocks Team</span> on your new Tailwind project?</p>
-          <a href="mailto:tailblocksteam@gmail.com" className="text-white border-b border-white font-medium ml-2 px-0.5">Email us</a>
-          <button className={`w-8 h-8 inline-flex items-center justify-center bg-${theme}-700 rounded-full absolute right-4 top-3 z-index-20`} onClick={() => this.setState({ showNotification: false })}>
-            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" /></svg>
-          </button>
-        </div>
         <div className="toolbar">
           <button className="opener" onClick={this.toggleSidebar} ref={this.openerRef}>TAILBLOCKS</button>
           {this.state.codeView &&
diff --git a/src/index.css b/src/index.css
index 93442cf..b648f56 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,7 +5,7 @@
   --base-200: #E2E8F0;
   --base-300: #E2E8F0;
   --base-400: #CBD5E0;
-  --main-500: #6366f1;
+  --main-500: #667EEA;
   --main-400: #7F9CF5;
   --main-200: #c3dafe;
   --main-100: #EBF4FF;
@@ -24,7 +24,7 @@
   --base-200: #2d3748;
   --base-300: #4a5568;
   --base-400: #4a5568;
-  --main-500: #6366f1;
+  --main-500: #667eea;
   --main-200: #4a5568;
   --main-100: #2d3648;
   --solid: #111827;