fleet/frontend/pages/ManageControlsPage/SetupExperience/components/SetupExperienceContentContainer/SetupExperienceContentContainer.tsx
Gabriel Hernandez 789b56000f
Add UI for enabling manual agent install of a bootstrap package (#28550)
For #[26070](https://github.com/fleetdm/fleet/issues/26070)

This adds the UI for enabling a manual agent install for a bootstrap
package. This includes:

**The new form option for enabling manual agent install of a bootstrap
package**


![image](https://github.com/user-attachments/assets/5d271136-e41b-4c03-bbd8-09450ded82dc)

**disabling adding install software and run script options when user has
enabled manual agent install**


![image](https://github.com/user-attachments/assets/24e3ce6e-8c8f-4987-91e6-8f3fa721d67b)


![image](https://github.com/user-attachments/assets/41be4090-b97f-4ffb-ad76-001232ccd434)


**improvements to the setup experience content styling. I've created a
`SetupExperienceContentContainer` component to centralise the styles for
the content of these sub sections.**

**updates to the preview sections copy and replacing the gifs with
videos**

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
- [ ] Added/updated automated tests
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Sarah Gillespie <73313222+gillespi314@users.noreply.github.com>
2025-04-29 15:29:21 +01:00

19 lines
503 B
TypeScript

import React from "react";
import classnames from "classnames";
const baseClass = "setup-experience-content-container";
interface ISetupExperienceContentContainerProps {
children: React.ReactNode;
className?: string;
}
const SetupExperienceContentContainer = ({
children,
className,
}: ISetupExperienceContentContainerProps) => {
const classNames = classnames(baseClass, className);
return <div className={classNames}>{children}</div>;
};
export default SetupExperienceContentContainer;