From 0ceaeffd7fe9c8413809a5a29e9771c576c5979d Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Mon, 9 Mar 2020 13:59:33 +0200
Subject: [PATCH] Addons notice container removed for now

---
 src/routes/Addons/Addons.js   | 10 -----
 src/routes/Addons/styles.less | 75 -----------------------------------
 2 files changed, 85 deletions(-)

diff --git a/src/routes/Addons/Addons.js b/src/routes/Addons/Addons.js
index 340219b95..7cb33eef2 100644
--- a/src/routes/Addons/Addons.js
+++ b/src/routes/Addons/Addons.js
@@ -92,16 +92,6 @@ const Addons = ({ urlParams, queryParams }) => {
         <div className={styles['addons-container']}>
             <NavBar className={styles['nav-bar']} backButton={true} title={'Addons'} />
             <div className={styles['addons-content']}>
-                <div className={styles['notice-container']}>
-                    <Button className={styles['close-button-container']} title={'dismiss'}>
-                        <div className={styles['label']}>dismiss</div>
-                        <Icon className={styles['icon']} icon={'ic_x'} />
-                    </Button>
-                    <div className={styles['notice']}>
-                        <Icon className={styles['icon']} icon={'ic_addons'} />
-                        <div className={styles['label']}>This is your addon catalogue - here you can search and install addons to improve your watching experience.</div>
-                    </div>
-                </div>
                 <div className={styles['selectable-inputs-container']}>
                     <div className={styles['selectable-inputs']}>
                         <Button className={styles['add-button-container']} title={'Add addon'} onClick={openAddAddonModal}>
diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index 7c8fbe207..34965b065 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -25,81 +25,6 @@
         display: flex;
         flex-direction: column;
         align-self: stretch;
-        padding-top: 1.5rem;
-
-        .notice-container {
-            position: relative;
-            z-index: 0;
-            display: flex;
-            flex-direction: column;
-            margin: 1.5rem 3rem 0 3rem;
-            padding: 1.5rem;
-            background-color: @color-background;
-
-            .close-button-container {
-                position: absolute;
-                top: 0.5rem;
-                right: 0.5rem;
-                bottom: auto;
-                left: auto;
-                z-index: 1;
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                padding: 0.5rem;
-
-                &:hover, &:focus {
-                    .label {
-                        color: @color-secondaryvariant1-light1;
-                    }
-
-                    .icon {
-                        fill: @color-secondaryvariant1-light1;
-                    }
-                }
-
-                &:focus {
-                    outline: none;
-                    background-color: @color-surface-light5-20;
-
-                    .label {
-                        text-decoration: underline;
-                    }
-                }
-
-                .label {
-                    margin-right: 0.5rem;
-                    opacity: 0.9;
-                    color: @color-secondaryvariant1-dark1;
-                }
-
-                .icon {
-                    width: 0.8rem;
-                    height: 0.8rem;
-                    fill: @color-secondaryvariant1-dark1;
-                }
-            }
-
-            .notice {
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                margin-right: 8rem;
-
-                .icon {
-                    width: 2.3rem;
-                    height: 2.3rem;
-                    margin-right: 1rem;
-                    fill: @color-secondaryvariant2;
-                }
-
-                .label {
-                    font-size: 1.1rem;
-                    opacity: 0.9;
-                    color: @color-secondaryvariant1-light1;
-                }
-            }
-        }
 
         .selectable-inputs-container {
             flex: none;