added new certificate bulk btn

TharindaPrabhath · Oct 22, 2021 · 115eb47 · 115eb47
1 parent 185b468
commit 115eb47
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 13 deletions.
diff --git a/src/screens/Certificate.css b/src/screens/Certificate.css
@@ -20,7 +20,7 @@
     gap: 1em;
 }
 
-.top .right-col__new-certificate-btn{
+.top .right-col__new-certificate-btn-group{
     display: none;
 }
 
@@ -34,7 +34,8 @@
         display: none;
     }
 
-    .top .right-col__new-certificate-btn{
-        display: initial;
+    .top .right-col__new-certificate-btn-group{
+        display: flex;
+        gap: 1em;
     }
 }
diff --git a/src/screens/Certificate.tsx b/src/screens/Certificate.tsx
@@ -85,7 +85,9 @@ const Certificate = () => {
                             <Link to="certificate/new">New Certificate</Link>
                           </MenuItem>
                           <MenuItem button>
-                            <Link to="certificate/new">Certificate Bulk</Link>
+                            <Link to="certificate/new-certificate-bulk">
+                              Certificate Bulk
+                            </Link>
                           </MenuItem>
                         </MenuList>
                       </ClickAwayListener>
@@ -94,15 +96,20 @@ const Certificate = () => {
                 )}
               </Popper>
             </div>
-            <Link
-              to="certificate/new"
-              className="right-col__new-certificate-btn"
-            >
-              <Button className={buttonStyles.standardBtn}>
-                <AddIcon />
-                New Certificate
-              </Button>
-            </Link>
+            <div className="right-col__new-certificate-btn-group">
+              <Link to="certificate/new-certificate-bulk">
+                <Button className={buttonStyles.standardBtn}>
+                  <AddIcon />
+                  Certificate Bulk
+                </Button>
+              </Link>
+              <Link to="certificate/new">
+                <Button className={buttonStyles.standardBtn}>
+                  <AddIcon />
+                  New Certificate
+                </Button>
+              </Link>
+            </div>
           </div>
         </div>