Change acl icon and button colors

elan-ev · Nov 11, 2024 · faa8d96 · faa8d96
1 parent b0d3193
commit faa8d96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/src/routes/manage/Video/Shared.tsx b/frontend/src/routes/manage/Video/Shared.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from "react-i18next";
-import { LuCornerLeftUp, LuInfo, LuShield, LuPlay, LuPenLine } from "react-icons/lu";
+import { LuCornerLeftUp, LuInfo, LuShieldCheck, LuPlay, LuPenLine } from "react-icons/lu";
 import { graphql } from "react-relay";
 
 import { RootLoader } from "../../../layout/Root";
@@ -161,7 +161,7 @@ const ManageVideoNav: React.FC<ManageVideoNavProps> = ({ event, active }) => {
         entries.splice(1, 0, {
             url: `/~manage/videos/${id}/access`,
             page: "acl",
-            body: <><LuShield />{t("manage.my-videos.acl.title")}</>,
+            body: <><LuShieldCheck />{t("manage.my-videos.acl.title")}</>,
         });
     }
 

diff --git a/frontend/src/ui/Access.tsx b/frontend/src/ui/Access.tsx
@@ -828,6 +828,7 @@ export const AclEditButtons: React.FC<AclEditButtonsProps> = ({
         }}>
             {/* Reset button */}
             <Button
+                kind="danger"
                 disabled={buttonsDisabled}
                 onClick={() => currentRef(resetModalRef).open()}
                 css={{ ...!buttonsDisabled && { ":hover": { color: COLORS.danger0 } } }}
@@ -855,6 +856,8 @@ export const AclEditButtons: React.FC<AclEditButtonsProps> = ({
 
             {/* Save button */}
             <Button
+                type="submit"
+                kind="call-to-action"
                 disabled={buttonsDisabled}
                 onClick={() => !containsUser(selections)
                     ? currentRef(saveModalRef).open()