this repo has no description
Add toggle for post visibility
+61
-1
+9
src/pages/sandbox.css
+9
src/pages/sandbox.css
···
161
161
margin: 0;
162
162
padding: 0;
163
163
list-style: none;
164
+
165
+
&.flex {
166
+
display: flex;
167
+
align-items: flex-start;
168
+
}
164
169
}
165
170
166
171
label {
···
179
184
padding: 4px;
180
185
gap: 4px;
181
186
align-items: center;
187
+
}
188
+
189
+
ul li ul b {
190
+
font-weight: normal;
182
191
}
183
192
184
193
input[type='number'] {
+52
-1
src/pages/sandbox.jsx
+52
-1
src/pages/sandbox.jsx
···
79
79
? mentionsContent
80
80
: shortContent
81
81
: '',
82
-
visibility: 'public',
82
+
visibility: toggles.visibility || 'public',
83
83
createdAt: new Date().toISOString(),
84
84
reblogsCount: 0,
85
85
favouritesCount: 0,
···
297
297
mediaFirst: false,
298
298
hasContent: true,
299
299
contentType: 'short',
300
+
visibility: 'public', // Default visibility
300
301
hasSpoiler: false,
301
302
spoilerType: 'all',
302
303
mediaCount: '0',
···
374
375
mediaFirst: toggleState.mediaFirst,
375
376
contentFormat: toggleState.hasContent ? 'text' : null,
376
377
contentType: toggleState.contentType,
378
+
visibility: toggleState.visibility, // Add visibility for the status
377
379
spoiler: toggleState.hasSpoiler,
378
380
spoilerType: toggleState.spoilerType,
379
381
mediaCount: toggleState.mediaCount,
···
689
691
}
690
692
/>
691
693
<span>Media first</span>
694
+
</label>
695
+
</li>
696
+
</ul>
697
+
</li>
698
+
<li>
699
+
<b>Visibility</b>
700
+
<ul>
701
+
<li>
702
+
<label>
703
+
<input
704
+
type="radio"
705
+
name="visibility"
706
+
checked={toggleState.visibility === 'public'}
707
+
onChange={() => updateToggles({ visibility: 'public' })}
708
+
/>
709
+
<span>Public</span>
710
+
</label>
711
+
</li>
712
+
<li>
713
+
<label>
714
+
<input
715
+
type="radio"
716
+
name="visibility"
717
+
checked={toggleState.visibility === 'unlisted'}
718
+
onChange={() => updateToggles({ visibility: 'unlisted' })}
719
+
/>
720
+
<span>Unlisted</span>
721
+
</label>
722
+
</li>
723
+
<li>
724
+
<label>
725
+
<input
726
+
type="radio"
727
+
name="visibility"
728
+
checked={toggleState.visibility === 'private'}
729
+
onChange={() => updateToggles({ visibility: 'private' })}
730
+
/>
731
+
<span>Private</span>
732
+
</label>
733
+
</li>
734
+
<li>
735
+
<label>
736
+
<input
737
+
type="radio"
738
+
name="visibility"
739
+
checked={toggleState.visibility === 'direct'}
740
+
onChange={() => updateToggles({ visibility: 'direct' })}
741
+
/>
742
+
<span>Direct</span>
692
743
</label>
693
744
</li>
694
745
</ul>