Disclaimer container

dump-hr · Jan 28, 2025 · d884ec6 · d884ec6
1 parent c6ee2a7
commit d884ec6
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 5 deletions.
diff --git a/apps/app/src/assets/images/warning.png b/apps/app/src/assets/images/warning.png
diff --git a/apps/app/src/pages/FlyTalksListPage/FlyTalksListPage.module.scss b/apps/app/src/pages/FlyTalksListPage/FlyTalksListPage.module.scss
@@ -56,7 +56,7 @@
           border-radius: 8px 8px 0px 0px;
           background: #eddfcb;
 
-          .starIcon{
+          .starIcon {
             display: none;
           }
 
@@ -127,13 +127,32 @@
             text-transform: uppercase;
           }
         }
+
+        .applianceDisclaimer {
+          display: none;
+
+          border-radius: 0px 0px 16px 16px;
+          background: var(--Primary-Beige, #f5ede1);
+          border-radius: 0px 0px 8px 8px;
+          padding: 12px 24px;
+
+          p {
+            color: var(--Primary-Black, #171615);
+            font-family: Inter;
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 20px;
+            letter-spacing: -0.14px;
+          }
+        }
       }
 
       .groupApplied {
         .groupHeader {
           background: var(--Primary-Muted-orange, #e0553f);
 
-          .starIcon{
+          .starIcon {
             display: block;
           }
 
@@ -146,9 +165,19 @@
           }
         }
 
-        .applyButton {
-          background: #171615;
-          color: #ffffff;
+        .companiesList {
+          border-radius: 0;
+
+          .applyButton {
+            background: #171615;
+            color: #ffffff;
+          }
+        }
+
+        .applianceDisclaimer {
+          display: flex;
+          align-items: start;
+          gap: 10px;
         }
       }
 

diff --git a/apps/app/src/pages/FlyTalksListPage/FlyTalksListPage.tsx b/apps/app/src/pages/FlyTalksListPage/FlyTalksListPage.tsx
@@ -4,6 +4,7 @@ import TabGroup from '../../components/TabGroup';
 import c from './FlyTalksListPage.module.scss';
 import Button from '../../components/Button';
 import star from '../../assets/icons/star.svg';
+import warning from '../../assets/images/warning.png';
 
 const FirstDayGroupsMock = [
   {
@@ -135,6 +136,13 @@ const FlyTalksGroup: React.FC<FlyTalksGroupProps> = ({ key, group }) => {
           {group.hasUserApplied ? 'Odjavi termin' : 'Prijavi'}
         </Button>
       </div>
+      <div className={c.applianceDisclaimer}>
+        <img src={warning} alt="" />
+        <p>
+          Nakon prijave sačekaj potvrdu firme. Možeš prijaviti samo jedan fly
+          talk.
+        </p>
+      </div>
     </div>
   );
 };