@capytale/meta-player 0.7.2 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capytale/meta-player",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/features/activitySettings/index.tsx

@@ -4,15 +4,26 @@ import {
   ActivitySettingsOptionsDisplay,
 } from "./ui";
 import { useActivitySettingsStore } from "./store";
+import { useAppSelector } from "../../app/hooks";
+import { selectMode } from "../activityData/activityDataSlice";
 
 type ActivitySettingsDisplayProps = {};
 
 export function ActivitySettingsDisplay({}: ActivitySettingsDisplayProps) {
   const settings = useActivitySettingsStore((state) => state.settings);
+  const mode = useAppSelector(selectMode) as
+    | "assignment"
+    | "create"
+    | "review"
+    | "view"
+    | null;
   if (!settings) return null;
   return (
     <div>
       {settings.map((section, i) => {
+        if (mode && section.modes && !section.modes.includes(mode)) {
+          return null;
+        }
         return (
           <Fieldset
             key={`section-${i}`}

package/src/features/activitySettings/style.module.scss

@@ -2,4 +2,7 @@
 }
 .formGroup {
   margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
 }

package/src/features/activitySettings/types.ts

@@ -92,6 +92,7 @@ export type ActivitySettingsSection = (
   | ActivitySettingsFormSection
 ) & {
   title: string;
+  modes?: ("assignment" | "create" | "review" | "view")[];
 };
 
 export type ActivitySettings = ActivitySettingsSection[];