+
+ {group?.name}
+
+
+
+
+
+
+
+ {!!activeFrontImage && (
+
+
+
+ )}
+ {!!activeBackImage && (
+
+
+
+ )}
+
+
+
+
+
+ {!isEditing && (
+ setCollapsed(v)}
+ />
+ )}
+
+
+
+
+
+
+
setRating(value)}
+ clickToRate
+ withoutContext
+ />
+ {!isEditing && (
+
+ )}
+ {isEditing ? (
+ toggleEditing()}
+ onDelete={onDelete}
+ setFrontImage={setFrontImage}
+ setBackImage={setBackImage}
+ setEncodingImage={setEncodingImage}
+ />
+ ) : (
+ toggleEditing()}
+ onSave={() => {}}
+ onImageChange={() => {}}
+ onDelete={onDelete}
+ />
+ )}
+
+
+
+
+
+ {!isEditing && loadStickyHeader && (
+
+ )}
+
+
+
+
+ {!isEditing && (
+
+ )}
+
+
+
+ {renderDeleteAlert()}
+
+ );
+};
+
+const GroupLoader: React.FC