Merge branch 'main' into enhance/tup-414-help-users-view-all-tickets

TACC · Sep 26, 2023 · dca5566 · dca5566
2 parents f6ff1bd + f38c8d8
commit dca5566
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx b/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx
@@ -7,8 +7,9 @@ import styles from './TicketCreateModal.module.css';
 const TicketCreateModal: React.FC<
   React.PropsWithChildren<{
     display: 'secondary' | 'link';
+    size?: 'small';
   }>
-> = ({ children, display }) => {
+> = ({ children, size, display }) => {
   const [isOpen, setIsOpen] = useState(false);
   const toggle = () => {
     setIsOpen(!isOpen);
@@ -22,9 +23,17 @@ const TicketCreateModal: React.FC<
 
   return (
     <>
-      <Button type={display} onClick={() => toggle()}>
-        {children}
-      </Button>
+      {display === 'secondary' && (
+        <Button onClick={() => toggle()} type="secondary" size={size}>
+          {children}
+        </Button>
+      )}
+      {display === 'link' && (
+        <Button onClick={() => toggle()} type="link">
+          {children}
+        </Button>
+      )}
+
       <Modal
         isOpen={isOpen}
         toggle={toggle}

diff --git a/libs/tup-components/src/tickets/TicketsDashboard.tsx b/libs/tup-components/src/tickets/TicketsDashboard.tsx
@@ -15,7 +15,7 @@ const TicketsDashboard: React.FC = () => {
           <Link to="/tickets" className={styles['viewall-action']}>
             View all Tickets
           </Link>
-          <TicketCreateModal display="secondary">
+          <TicketCreateModal display="secondary" size="small">
             + New Ticket
           </TicketCreateModal>
         </>