change(ui) - button text

frontend/app/components/Client/CustomFields/CustomFields.js

@@ -71,7 +71,7 @@ function CustomFields(props) {
                 <div style={{ marginRight: '15px' }}>
                     <SiteDropdown value={currentSite && currentSite.id} onChange={onChangeSelect} />
                 </div>
-                <Button className="ml-auto" variant="primary" onClick={() => init()}>Add</Button>
+                <Button className="ml-auto" variant="primary" onClick={() => init()}>Add Metadata</Button>
             </div>
             <div className="text-base text-disabled-text flex px-5 items-center my-3">
                 <Icon name="info-circle-fill" className="mr-2" size={16} />

frontend/app/components/Client/Sites/AddProjectButton/AddProjectButton.tsx

@@ -22,7 +22,7 @@ function AddProjectButton({ isAdmin = false, init = () => {} }: any) {
     };
     return (
         <Popup content={`${!isAdmin ? PERMISSION_WARNING : !canAddProject ? LIMIT_WARNING : 'Add a Project'}`}>
-            <Button variant="primary" onClick={onClick} disabled={!canAddProject || !isAdmin}>Add</Button>
+            <Button variant="primary" onClick={onClick} disabled={!canAddProject || !isAdmin}>Add Project</Button>
         </Popup>
     );
 }

frontend/app/components/Client/Sites/AddProjectButton/index.ts

@@ -1 +1 @@
-export { default } from './AddUserButton';
+export { default } from './AddProjectButton';

frontend/app/components/Client/Users/components/AddUserButton/AddUserButton.tsx

@@ -14,16 +14,7 @@ function AddUserButton({ isAdmin = false, onClick }: any ) {
         <Popup
             content={ `${ !isAdmin ? PERMISSION_WARNING : (!cannAddUser ? LIMIT_WARNING : 'Add team member') }` }
         >
-            <Button disabled={ !cannAddUser || !isAdmin } variant="primary" onClick={ onClick }>Add</Button>
-            {/* <IconButton
-                id="add-button"
-                disabled={ !cannAddUser || !isAdmin }
-                circle
-                icon="plus"
-                outline
-                onClick={ onClick }
-                className="ml-4"
-            /> */}
+            <Button disabled={ !cannAddUser || !isAdmin } variant="primary" onClick={ onClick }>Add Team Member</Button>
         </Popup>
     );
 }

frontend/app/components/Client/Webhooks/Webhooks.js

@@ -46,7 +46,7 @@ function Webhooks(props) {
       <div className={cn(styles.tabHeader, 'px-5 pt-5')}>
         <h3 className={cn(styles.tabTitle, 'text-2xl')}>{'Webhooks'}</h3>
         {/* <Button rounded={true} icon="plus" variant="outline" onClick={() => init()} /> */}
-        <Button className="ml-auto" variant="primary" onClick={() => init()}>Add</Button>
+        <Button className="ml-auto" variant="primary" onClick={() => init()}>Add Webhook</Button>
       </div>
 
       <div className="text-base text-disabled-text flex items-center my-3 px-5">