DataGrid - initial commit

src/features/campaigns/GlobalSettingsPage.tsx

@@ -3,6 +3,7 @@ import type { ApiSettings } from "../../types";
 import Button from "../../components/Button";
 import Card from "../../components/Card";
 import FormField from "../../components/FormField";
+import DismissibleAlert from "../../components/DismissibleAlert";
 import PageTitle from "../../components/PageTitle";
 import LoadingFrame from "../../components/LoadingFrame";
 import LockedVersionNotice from "./components/LockedVersionNotice";
@@ -67,8 +68,8 @@ export default function GlobalSettingsPage({ settings, campaignId }: { settings:
         </div>
       </div>
 
-      {error && <div className="alert danger">{error}</div>}
-      {localError && <div className="alert danger">{localError}</div>}
+      {error && <DismissibleAlert tone="danger" resetKey={error}>{error}</DismissibleAlert>}
+      {localError && <DismissibleAlert tone="danger" resetKey={localError}>{localError}</DismissibleAlert>}
       {locked && <LockedVersionNotice settings={settings} campaignId={campaignId} version={version} reload={reload} message="Create an editable copy before changing global settings." />}
 
       <LoadingFrame loading={loading || !draft} label="Loading campaign draft…">