амо: вывод инфо о юзере, реактивность, отправка id воронки

src/api/integration.ts

@@ -12,6 +12,7 @@ const API_URL = `${process.env.REACT_APP_DOMAIN}/squiz/amocrm`;
 
 export type AccountResponse = {
   ID: number;
+  AmoUserID: number;
   AccountID: string;
   AmoID: number;
   Name: string;

src/components/CustomRadioGroup/CustomRadioGroup.tsx

@@ -5,7 +5,7 @@ import RadioGroup from "@mui/material/RadioGroup";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Box from "@mui/material/Box";
 import CheckboxIcon from "@icons/Checkbox";
-import { Typography, useTheme } from "@mui/material";
+import { Typography, useMediaQuery, useTheme } from "@mui/material";
 import {
   getPipelines,
   getSteps,
@@ -32,6 +32,9 @@ export const CustomRadioGroup: FC<CustomRadioGroupProps> = ({
   pipelineId,
 }) => {
   const theme = useTheme();
+
+  const isMobile = useMediaQuery(theme.breakpoints.down(500));
+
   const [currentValue, setCurrentValue] = useState<string | null>(
     selectedValue,
   );
@@ -117,7 +120,7 @@ export const CustomRadioGroup: FC<CustomRadioGroupProps> = ({
         <FormControlLabel
           key={item.ID}
           sx={{
-            color: "black",
+            color: "red",
             padding: "15px",
             borderBottom: `1px solid ${theme.palette.background.default}`,
             display: "flex",
@@ -205,8 +208,13 @@ export const CustomRadioGroup: FC<CustomRadioGroupProps> = ({
               currentValue === pipeline.Name
                 ? theme.palette.background.default
                 : theme.palette.common.white,
+                "&.MuiFormControlLabel-root > .MuiTypography-root": {
+                  width: "200px",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                }
           }}
-          value={pipeline.Name}
+          value={pipeline.ID}
           control={
             <Radio
               checkedIcon={

src/pages/IntegrationsPage/IntegrationsModal/AmoAccountInfo/AmoAccountInfo.tsx

@@ -29,7 +29,26 @@ export const AmoAccountInfo: FC<AmoAccountInfoProps> = ({
         </Typography>
       </Box>
       <Box sx={{ width: isMobile ? "100%" : "45%" }}>
-        <Typography>{value}</Typography>
+        <Typography>{value || "нет данных"}</Typography>
+      </Box>
+    </Box>
+  );
+
+  const infoItemLink = (title: string, link: string) => (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: isMobile ? "column" : "row",
+        justifyContent: "space-between",
+      }}
+    >
+      <Box sx={{ width: isMobile ? "100%" : "45%" }}>
+        <Typography sx={{ color: theme.palette.grey2.main }}>
+          {title}:
+        </Typography>
+      </Box>
+      <Box sx={{ width: isMobile ? "100%" : "45%" }}>
+        <a target="_blank" href={link}>{link}</a>
       </Box>
     </Box>
   );
@@ -52,12 +71,11 @@ export const AmoAccountInfo: FC<AmoAccountInfoProps> = ({
           gap: isMobile ? "10px" : "20px",
         }}
       >
-        {infoItem("Amo ID", accountInfo.AmoID)}
+        {infoItem("Amo ID", accountInfo.AmoUserID)}
         {infoItem("Имя аккаунта", accountInfo.Name)}
         {infoItem("Email аккаунта", accountInfo.Email)}
-        {infoItem("Роль", accountInfo.Role)}
-        {infoItem("Группа пользователя", accountInfo.Group)}
-        {infoItem("URL профиля пользователя в Amo", accountInfo.Subdomain)}
+        {infoItemLink("ЛК в amo", `https://${accountInfo.Subdomain}.amocrm.ru/dashboard/`)}
+        {infoItemLink("Профиль пользователя в amo", `https://${accountInfo.Subdomain}.amocrm.ru/settings/users/`)}
         {infoItem("Страна пользователя", accountInfo.Country)}
       </Box>
       <StepButtonsBlock

src/pages/IntegrationsPage/IntegrationsModal/AmoCRMModal.tsx

@@ -68,6 +68,7 @@ export const AmoCRMModal: FC<IntegrationsModalProps> = ({
     company: [],
     buyer: [],
   });
+  console.log(accountInfo)
 
   useEffect(() => {
     if (isModalOpen) {
@@ -176,6 +177,7 @@ export const AmoCRMModal: FC<IntegrationsModalProps> = ({
       },
     ],
     [
+      accountInfo,
       questionEntity,
       selectedPipelinePerformer,
       selectedPipeline,

src/pages/Landing/WhatTheFeatures.tsx

@@ -321,7 +321,6 @@ export default function Component() {
                 >
                   Аналитика
                 </Typography>
-                <Typography>(в разработке)</Typography>
               </Box>
               <Box maxWidth={"230px"}>
                 <Typography