Merge pull request #595 from valory-xyz/mohan/X-account-automated-copy

fix: x account automated text in setup form

frontend/components/Alert/index.tsx

@@ -14,14 +14,21 @@ const icons = {
   error: <ExclamationCircleOutlined />,
 };
 
+type CustomAlertProps = {
+  type: AlertType;
+  fullWidth?: boolean;
+  className?: string;
+} & Omit<AlertProps, 'type'>;
+
 export const CustomAlert = ({
   type,
   fullWidth,
+  className,
   ...rest
-}: { type: AlertType; fullWidth?: boolean } & Omit<AlertProps, 'type'>) => (
+}: CustomAlertProps) => (
   <AlertAntd
     type={type === 'primary' ? undefined : type}
-    className={`custom-alert custom-alert--${type} ${fullWidth ? 'custom-alert--full-width' : ''}`}
+    className={`custom-alert custom-alert--${type} ${fullWidth ? 'custom-alert--full-width' : ''} ${className}`}
     icon={rest.showIcon ? icons[type] : undefined}
     {...rest}
   />

frontend/components/SetupPage/SetupYourAgent/SetupYourAgent.tsx

@@ -63,6 +63,20 @@ const XAccountCredentials = () => (
       and enter the login details. This enables your agent to view X and
       interact with other agents.
     </Text>
+    <CustomAlert
+      type="warning"
+      showIcon
+      message={
+        <Flex justify="space-between" gap={4} vertical>
+          <Text>
+            Make sure to set the account as `Automated`. When logged in on X, go
+            to Settings &gt; Your account &gt; Account information &gt;
+            Automation.
+          </Text>
+        </Flex>
+      }
+      className="mb-16"
+    />
   </Flex>
 );