fix: moved button and label to TitleSection and added status icon

new-lamassu-admin/src/components/layout/TitleSection.js

@@ -4,13 +4,21 @@ import React from 'react'
 
 import ErrorMessage from 'src/components/ErrorMessage'
 import Title from 'src/components/Title'
+import { SubpageButton } from 'src/components/buttons'
 import { Label1 } from 'src/components/typography'
 
 import styles from './TitleSection.styles'
 
 const useStyles = makeStyles(styles)
 
-const TitleSection = ({ className, title, error, labels, children }) => {
+const TitleSection = ({
+  className,
+  title,
+  error,
+  labels,
+  button,
+  children
+}) => {
   const classes = useStyles()
   return (
     <div className={classnames(classes.titleWrapper, className)}>
@@ -19,6 +27,15 @@ const TitleSection = ({ className, title, error, labels, children }) => {
         {error && (
           <ErrorMessage className={classes.error}>Failed to save</ErrorMessage>
         )}
+        {button && (
+          <SubpageButton
+            className={classes.subpageButton}
+            Icon={button.icon}
+            InverseIcon={button.inverseIcon}
+            toggle={button.toggle}>
+            {button.text}
+          </SubpageButton>
+        )}
       </div>
       <Box display="flex" flexDirection="row">
         {(labels ?? []).map(({ icon, label }, idx) => (