this repo has no description
Focus on textarea when maximize from composer button
+56
-47
+9
src/components/compose.jsx
+9
src/components/compose.jsx
···
9
9
import stringLength from 'string-length';
10
10
import { uid } from 'uid/single';
11
11
import useResizeObserver from 'use-resize-observer';
12
+
import { useSnapshot } from 'valtio';
12
13
13
14
import supportedLanguages from '../data/status-supported-languages';
14
15
import { api, getPreferences } from '../utils/api';
···
381
382
if (scheduledAt) setScheduledAt(scheduledAt);
382
383
}
383
384
}, [draftStatus, editStatus, replyToStatus]);
385
+
386
+
// focus textarea when state.composerState.minimized turns false
387
+
const snapStates = useSnapshot(states);
388
+
useEffect(() => {
389
+
if (!snapStates.composerState.minimized) {
390
+
focusTextarea();
391
+
}
392
+
}, [snapStates.composerState.minimized]);
384
393
385
394
const formRef = useRef();
386
395
+47
-47
src/locales/en.po
+47
-47
src/locales/en.po
···
91
91
92
92
#: src/components/account-info.jsx:407
93
93
#: src/components/account-info.jsx:740
94
-
#: src/components/compose.jsx:1695
94
+
#: src/components/compose.jsx:1704
95
95
#: src/pages/settings.jsx:324
96
96
#: src/utils/visibility-text.jsx:7
97
97
msgid "Followers"
···
251
251
252
252
#: src/components/account-sheet.jsx:38
253
253
#: src/components/add-remove-lists-sheet.jsx:45
254
-
#: src/components/compose.jsx:888
254
+
#: src/components/compose.jsx:897
255
255
#: src/components/custom-emojis-modal.jsx:234
256
256
#: src/components/drafts.jsx:57
257
257
#: src/components/edit-profile-sheet.jsx:87
···
370
370
msgstr ""
371
371
372
372
#: src/components/compose-poll.jsx:80
373
-
#: src/components/compose.jsx:1424
373
+
#: src/components/compose.jsx:1433
374
374
#: src/components/mention-modal.jsx:220
375
375
#: src/components/shortcuts-settings.jsx:715
376
376
#: src/pages/list.jsx:388
···
389
389
msgid "Remove poll"
390
390
msgstr ""
391
391
392
-
#: src/components/compose.jsx:101
392
+
#: src/components/compose.jsx:102
393
393
msgid "Take photo or video"
394
394
msgstr "Take photo or video"
395
395
396
-
#: src/components/compose.jsx:102
396
+
#: src/components/compose.jsx:103
397
397
msgid "Add media"
398
398
msgstr "Add media"
399
399
400
-
#: src/components/compose.jsx:103
400
+
#: src/components/compose.jsx:104
401
401
msgid "Add custom emoji"
402
402
msgstr ""
403
403
404
-
#: src/components/compose.jsx:104
404
+
#: src/components/compose.jsx:105
405
405
msgid "Add GIF"
406
406
msgstr "Add GIF"
407
407
408
-
#: src/components/compose.jsx:105
408
+
#: src/components/compose.jsx:106
409
409
msgid "Add poll"
410
410
msgstr ""
411
411
412
-
#: src/components/compose.jsx:106
412
+
#: src/components/compose.jsx:107
413
413
msgid "Add content warning"
414
414
msgstr "Add content warning"
415
415
416
-
#: src/components/compose.jsx:107
416
+
#: src/components/compose.jsx:108
417
417
msgid "Schedule post"
418
418
msgstr "Schedule post"
419
419
420
-
#: src/components/compose.jsx:387
420
+
#: src/components/compose.jsx:396
421
421
msgid "You have unsaved changes. Discard this post?"
422
422
msgstr "You have unsaved changes. Discard this post?"
423
423
424
424
#. placeholder {0}: unsupportedFiles.length
425
425
#. placeholder {1}: unsupportedFiles[0].name
426
426
#. placeholder {2}: lf.format( unsupportedFiles.map((f) => f.name), )
427
-
#: src/components/compose.jsx:626
427
+
#: src/components/compose.jsx:635
428
428
msgid "{0, plural, one {File {1} is not supported.} other {Files {2} are not supported.}}"
429
429
msgstr "{0, plural, one {File {1} is not supported.} other {Files {2} are not supported.}}"
430
430
431
-
#: src/components/compose.jsx:636
432
-
#: src/components/compose.jsx:654
433
-
#: src/components/compose.jsx:1780
431
+
#: src/components/compose.jsx:645
432
+
#: src/components/compose.jsx:663
433
+
#: src/components/compose.jsx:1789
434
434
#: src/components/file-picker-input.jsx:38
435
435
msgid "{maxMediaAttachments, plural, one {You can only attach up to 1 file.} other {You can only attach up to # files.}}"
436
436
msgstr ""
437
437
438
-
#: src/components/compose.jsx:869
438
+
#: src/components/compose.jsx:878
439
439
msgid "Pop out"
440
440
msgstr "Pop out"
441
441
442
-
#: src/components/compose.jsx:876
442
+
#: src/components/compose.jsx:885
443
443
msgid "Minimize"
444
444
msgstr "Minimize"
445
445
446
-
#: src/components/compose.jsx:912
446
+
#: src/components/compose.jsx:921
447
447
msgid "Looks like you closed the parent window."
448
448
msgstr "Looks like you closed the parent window."
449
449
450
-
#: src/components/compose.jsx:919
450
+
#: src/components/compose.jsx:928
451
451
msgid "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later."
452
452
msgstr "Looks like you already have a compose field open in the parent window and currently publishing. Please wait for it to be done and try again later."
453
453
454
-
#: src/components/compose.jsx:924
454
+
#: src/components/compose.jsx:933
455
455
msgid "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?"
456
456
msgstr "Looks like you already have a compose field open in the parent window. Popping in this window will discard the changes you made in the parent window. Continue?"
457
457
458
-
#: src/components/compose.jsx:968
458
+
#: src/components/compose.jsx:977
459
459
msgid "Pop in"
460
460
msgstr "Pop in"
461
461
462
462
#. placeholder {0}: replyToStatus.account.acct || replyToStatus.account.username
463
463
#. placeholder {1}: rtf.format(-replyToStatusMonthsAgo, 'month')
464
-
#: src/components/compose.jsx:978
464
+
#: src/components/compose.jsx:987
465
465
msgid "Replying to @{0}’s post (<0>{1}</0>)"
466
466
msgstr ""
467
467
468
468
#. placeholder {0}: replyToStatus.account.acct || replyToStatus.account.username
469
-
#: src/components/compose.jsx:988
469
+
#: src/components/compose.jsx:997
470
470
msgid "Replying to @{0}’s post"
471
471
msgstr ""
472
472
473
-
#: src/components/compose.jsx:1001
473
+
#: src/components/compose.jsx:1010
474
474
msgid "Editing source post"
475
475
msgstr ""
476
476
477
-
#: src/components/compose.jsx:1069
477
+
#: src/components/compose.jsx:1078
478
478
msgid "Poll must have at least 2 options"
479
479
msgstr "Poll must have at least 2 options"
480
480
481
-
#: src/components/compose.jsx:1073
481
+
#: src/components/compose.jsx:1082
482
482
msgid "Some poll choices are empty"
483
483
msgstr "Some poll choices are empty"
484
484
485
-
#: src/components/compose.jsx:1086
485
+
#: src/components/compose.jsx:1095
486
486
msgid "Some media have no descriptions. Continue?"
487
487
msgstr "Some media have no descriptions. Continue?"
488
488
489
-
#: src/components/compose.jsx:1138
489
+
#: src/components/compose.jsx:1147
490
490
msgid "Attachment #{i} failed"
491
491
msgstr "Attachment #{i} failed"
492
492
493
-
#: src/components/compose.jsx:1247
493
+
#: src/components/compose.jsx:1256
494
494
#: src/components/status.jsx:2096
495
495
#: src/components/timeline.jsx:1015
496
496
msgid "Content warning"
497
497
msgstr ""
498
498
499
-
#: src/components/compose.jsx:1268
500
-
#: src/components/compose.jsx:1401
499
+
#: src/components/compose.jsx:1277
500
+
#: src/components/compose.jsx:1410
501
501
#: src/components/edit-profile-sheet.jsx:323
502
502
#: src/components/private-note-sheet.jsx:94
503
503
msgid "Cancel"
504
504
msgstr ""
505
505
506
-
#: src/components/compose.jsx:1276
506
+
#: src/components/compose.jsx:1285
507
507
msgid "Post your reply"
508
508
msgstr "Post your reply"
509
509
510
-
#: src/components/compose.jsx:1278
510
+
#: src/components/compose.jsx:1287
511
511
msgid "Edit your post"
512
512
msgstr "Edit your post"
513
513
514
-
#: src/components/compose.jsx:1280
514
+
#: src/components/compose.jsx:1289
515
515
msgid "Ask a question"
516
516
msgstr "Ask a question"
517
517
518
-
#: src/components/compose.jsx:1281
518
+
#: src/components/compose.jsx:1290
519
519
msgid "What are you doing?"
520
520
msgstr "What are you doing?"
521
521
522
-
#: src/components/compose.jsx:1351
522
+
#: src/components/compose.jsx:1360
523
523
msgid "Mark media as sensitive"
524
524
msgstr ""
525
525
526
-
#: src/components/compose.jsx:1381
526
+
#: src/components/compose.jsx:1390
527
527
msgid "Posting on <0/>"
528
528
msgstr "Posting on <0/>"
529
529
530
-
#: src/components/compose.jsx:1683
530
+
#: src/components/compose.jsx:1692
531
531
#: src/pages/settings.jsx:318
532
532
#: src/utils/visibility-text.jsx:4
533
533
msgid "Public"
534
534
msgstr ""
535
535
536
-
#: src/components/compose.jsx:1688
536
+
#: src/components/compose.jsx:1697
537
537
#: src/components/nav-menu.jsx:349
538
538
#: src/components/shortcuts-settings.jsx:165
539
539
#: src/utils/visibility-text.jsx:5
540
540
msgid "Local"
541
541
msgstr ""
542
542
543
-
#: src/components/compose.jsx:1692
543
+
#: src/components/compose.jsx:1701
544
544
#: src/pages/settings.jsx:321
545
545
#: src/utils/visibility-text.jsx:6
546
546
msgid "Quiet public"
547
547
msgstr "Quiet public"
548
548
549
-
#: src/components/compose.jsx:1698
549
+
#: src/components/compose.jsx:1707
550
550
#: src/components/status.jsx:1976
551
551
#: src/utils/visibility-text.jsx:8
552
552
msgid "Private mention"
553
553
msgstr ""
554
554
555
-
#: src/components/compose.jsx:1704
555
+
#: src/components/compose.jsx:1713
556
556
msgid "Schedule"
557
557
msgstr "Schedule"
558
558
559
-
#: src/components/compose.jsx:1706
559
+
#: src/components/compose.jsx:1715
560
560
#: src/components/keyboard-shortcuts-help.jsx:155
561
561
#: src/components/status.jsx:958
562
562
#: src/components/status.jsx:1744
···
565
565
msgid "Reply"
566
566
msgstr ""
567
567
568
-
#: src/components/compose.jsx:1708
568
+
#: src/components/compose.jsx:1717
569
569
msgid "Update"
570
570
msgstr "Update"
571
571
572
-
#: src/components/compose.jsx:1709
572
+
#: src/components/compose.jsx:1718
573
573
msgctxt "Submit button in composer"
574
574
msgid "Post"
575
575
msgstr "Post"
576
576
577
-
#: src/components/compose.jsx:1792
577
+
#: src/components/compose.jsx:1801
578
578
msgid "Downloading GIF…"
579
579
msgstr "Downloading GIF…"
580
580
581
-
#: src/components/compose.jsx:1820
581
+
#: src/components/compose.jsx:1829
582
582
msgid "Failed to download GIF"
583
583
msgstr "Failed to download GIF"
584
584