Mark nsfw outfits in novel builder

miku-gg · Sep 22, 2024 · b07548b · b07548b
1 parent a28e417
commit b07548b
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/apps/novel-builder/src/modals/character/CharacterOutfitsEdit.tsx b/apps/novel-builder/src/modals/character/CharacterOutfitsEdit.tsx
@@ -1,6 +1,15 @@
 import React, { useState } from 'react';
 
-import { Accordion, AccordionItem, AreYouSure, Button, DragAndDropImages, Dropdown, Input } from '@mikugg/ui-kit';
+import {
+  Accordion,
+  AccordionItem,
+  AreYouSure,
+  Button,
+  CheckBox,
+  DragAndDropImages,
+  Dropdown,
+  Input,
+} from '@mikugg/ui-kit';
 
 import { checkFileType } from '../../libs/utils';
 
@@ -54,6 +63,7 @@ export default function CharacterOutfitsEdit({ characterId }: { characterId?: st
       description: '',
       attributes: [],
       template: 'single-emotion',
+      nsfw: 0,
       emotions: [
         {
           id: 'neutral',
@@ -331,6 +341,20 @@ export default function CharacterOutfitsEdit({ characterId }: { characterId?: st
               onChange={(event) => handleMultipleImageChange(event, groupIndex)}
             />
           </div>
+          <div className="CharacterOutfitsEdit__formGroup">
+            <CheckBox
+              label="Mark as NSFW outfit"
+              value={!!group.nsfw}
+              onChange={(e) => {
+                const newGroups = [...outfits];
+                newGroups[groupIndex] = {
+                  ...newGroups[groupIndex],
+                  nsfw: e.target.checked ? 1 : 0,
+                };
+                dispatch(updateCharacter(decorateCharacterWithOutfits(newGroups)));
+              }}
+            />
+          </div>
           <div className="CharacterOutfitsEdit__formGroup">
             <label htmlFor={`group_${groupIndex}_emotionsHash`}>Emotion Set:</label>
             <Dropdown