Merge branch 'next_' into 'next'

next

See merge request soapbox-pub/soapbox-fe!1231

app/soapbox/components/autosuggest_input.js

@@ -272,7 +272,7 @@ export default class AutosuggestInput extends ImmutablePureComponent {
         <input
           type='text'
           className={classNames({
-            'block w-full sm:text-sm focus:ring-indigo-500 focus:border-indigo-500': true,
+            'block w-full sm:text-sm dark:bg-slate-800 dark:text-white dark:placeholder:text-gray-500 focus:ring-indigo-500 focus:border-indigo-500': true,
             [className]: typeof className !== 'undefined',
           })}
           ref={this.setInput}

app/soapbox/components/autosuggest_textarea.js

@@ -216,8 +216,8 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
         key={key}
         data-index={i}
         className={classNames({
-          'px-4 py-2.5 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 group': true,
-          'bg-gray-100 hover:bg-gray-100': i === selectedSuggestion,
+          'px-4 py-2.5 text-sm text-gray-700 dark:text-gray-400 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 group': true,
+          'bg-gray-100 dark:bg-slate-700 hover:bg-gray-100 dark:hover:bg-slate-700': i === selectedSuggestion,
         })}
         onMouseDown={this.onSuggestionClick}
       >
@@ -285,7 +285,7 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
         <div
           style={this.setPortalPosition()}
           className={classNames({
-            'fixed z-1000 shadow bg-white rounded-lg py-1 space-y-0': true,
+            'fixed z-1000 shadow bg-white dark:bg-slate-900 rounded-lg py-1 space-y-0': true,
             hidden: suggestionsHidden || suggestions.isEmpty(),
             block: !suggestionsHidden && !suggestions.isEmpty(),
           })}

app/soapbox/features/list_adder/index.js

@@ -6,16 +6,15 @@ import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 
-import IconButton from 'soapbox/components/icon_button';
+import { setupListAdder, resetListAdder } from 'soapbox/actions/lists';
+import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui';
 
-import { setupListAdder, resetListAdder } from '../../actions/lists';
 import NewListForm from '../lists/components/new_list_form';
-import ColumnSubheading from '../ui/components/column_subheading';
 
 import Account from './components/account';
 import List from './components/list';
-// hack
 
+// hack
 const getOrderedLists = createSelector([state => state.get('lists')], lists => {
   if (!lists) {
     return lists;
@@ -72,13 +71,10 @@ class ListAdder extends ImmutablePureComponent {
     const { accountId, listIds, intl } = this.props;
 
     return (
-      <div className='modal-root__modal compose-modal list-editor__content'>
-        <div className='compose-modal__header'>
-          <h3 className='compose-modal__header__title'>
-            <FormattedMessage id='list_adder.header_title' defaultMessage='Add or Remove from Lists' />
-          </h3>
-          <IconButton className='compose-modal__close' title={intl.formatMessage(messages.close)} src={require('@tabler/icons/icons/x.svg')} onClick={this.onClickClose} />
-        </div>
+      <Modal
+        title={<FormattedMessage id='list_adder.header_title' defaultMessage='Add or Remove from Lists' />}
+        onClose={this.onClickClose}
+      >
         <div className='compose-modal__content'>
           <div className='list-adder'>
             <div className='list-adder__account'>
@@ -87,18 +83,22 @@ class ListAdder extends ImmutablePureComponent {
 
             <br />
 
-            <ColumnSubheading text={intl.formatMessage(messages.add)} />
+            <CardHeader>
+              <CardTitle title={intl.formatMessage(messages.add)} />
+            </CardHeader>
             <NewListForm />
 
             <br />
 
-            <ColumnSubheading text={intl.formatMessage(messages.subheading)} />
+            <CardHeader>
+              <CardTitle title={intl.formatMessage(messages.subheading)} />
+            </CardHeader>
             <div className='list-adder__lists'>
               {listIds.map(ListId => <List key={ListId} listId={ListId} />)}
             </div>
           </div>
         </div>
-      </div>
+      </Modal>
     );
   }
 

app/soapbox/features/list_editor/index.js

@@ -6,9 +6,7 @@ import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 
 import { setupListEditor, clearListSuggestions, resetListEditor } from 'soapbox/actions/lists';
-import { Modal } from 'soapbox/components/ui';
-
-import ColumnSubheading from '../ui/components/column_subheading';
+import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui';
 
 import Account from './components/account';
 import EditListForm from './components/edit_list_form';
@@ -72,14 +70,18 @@ class ListEditor extends ImmutablePureComponent {
       >
         <div className='compose-modal__content list-editor__content'>
           <div className='list-editor'>
-            <ColumnSubheading text={intl.formatMessage(messages.changeTitle)} />
+            <CardHeader>
+              <CardTitle title={intl.formatMessage(messages.changeTitle)} />
+            </CardHeader>
             <EditListForm />
             <br />
 
             {
               accountIds.size > 0 &&
               <div>
-                <ColumnSubheading text={intl.formatMessage(messages.removeFromList)} />
+                <CardHeader>
+                  <CardTitle title={intl.formatMessage(messages.removeFromList)} />
+                </CardHeader>
                 <div className='list-editor__accounts'>
                   {accountIds.map(accountId => <Account key={accountId} accountId={accountId} added />)}
                 </div>
@@ -87,7 +89,9 @@ class ListEditor extends ImmutablePureComponent {
             }
 
             <br />
-            <ColumnSubheading text={intl.formatMessage(messages.addToList)} />
+            <CardHeader>
+              <CardTitle title={intl.formatMessage(messages.addToList)} />
+            </CardHeader>
             <Search />
             <div className='list-editor__accounts'>
               {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} />)}

app/soapbox/locales/pl.json

@@ -147,6 +147,7 @@
   "backups.empty_message": "Nie znaleziono kopii zapasowych. {action}",
   "backups.empty_message.action": "Chcesz utworzyć?",
   "backups.pending": "Oczekująca",
+  "beta.also_available": "Dostępne w językach:",
   "boost_modal.combo": "Naciśnij {combo}, aby pominąć to następnym razem",
   "bundle_column_error.body": "Coś poszło nie tak podczas ładowania tego składnika.",
   "bundle_column_error.retry": "Spróbuj ponownie",
@@ -244,6 +245,7 @@
   "column.security": "Bezpieczeństwo",
   "column.settings_store": "Settings store",
   "column.soapbox_config": "Konfiguracja Soapbox",
+  "column.test": "Testowa oś czasu",
   "column_back_button.label": "Wróć",
   "column_forbidden.body": "Nie masz uprawnień, aby odwiedzić tę stronę.",
   "column_forbidden.title": "Niedozwolone",
@@ -351,6 +353,7 @@
   "developers.navigation.intentional_error_label": "Wywołaj błąd",
   "developers.navigation.leave_developers_label": "Opuść programistów",
   "developers.navigation.settings_store_label": "Settings store",
+  "developers.navigation.test_timeline_label": "Testowa oś czasu",
   "developers.settings_store.hint": "Możesz tu bezpośrednio edytować swoje ustawienia. UWAŻAJ! Edytowanie tej sekcji może uszkodzić Twoje konto, co może zostać naprawione tylko przez API.",
   "direct.search_placeholder": "Wyślij wiadomość do…",
   "directory.federated": "Z całego znanego Fediwersum",
@@ -361,7 +364,6 @@
   "donate_crypto": "Przekaż kryptowalutę",
   "edit_email.header": "Zmień adres e-mail",
   "edit_email.placeholder": "ja@example.com",
-  "edit_password.header": "Zmień hasło",
   "edit_federation.followers_only": "Ukryj wpisy z wyjątkiem obserwowanych",
   "edit_federation.force_nsfw": "Wymuś oznaczanie załączników jako wrażliwe",
   "edit_federation.media_removal": "Wycinaj media",
@@ -369,6 +371,7 @@
   "edit_federation.save": "Zapisz",
   "edit_federation.success": "Zaktualizowano federację {host}",
   "edit_federation.unlisted": "Wymuś oznaczanie wpisów jako niewypisane",
+  "edit_password.header": "Zmień hasło",
   "edit_profile.error": "Aktualizacja profilu nie powiodła się",
   "edit_profile.fields.accepts_email_list_label": "Zasubskrybuj newsletter",
   "edit_profile.fields.avatar_label": "Awatar",
@@ -407,6 +410,14 @@
   "edit_profile.meta_fields.add": "Dodaj element",
   "edit_profile.save": "Zapisz",
   "edit_profile.success": "Zapisano profil!",
+  "email_passthru.confirmed.body": "Zamknij tę kartę i kontynuuj rejestrację z {bold}, z którego został wysłany ten e-mail.",
+  "email_passthru.confirmed.heading": "Potwierdzono adres e-mail!",
+  "email_passthru.generic_fail.body": "Poproś o nowe potwierdzenie adresu e-mail.",
+  "email_passthru.generic_fail.heading": "Coś poszło nie tak",
+  "email_passthru.token_expired.body": "Token e-mail wygasł. Poproś o nowe potwierdzenie adresu e-mail z {bold}, z którego został wysłany ten e-mail.",
+  "email_passthru.token_expired.heading": "Token wygasł",
+  "email_passthru.token_not_found.body": "Nie odnaleziono tokenu e-mail. Poproś o nowe potwierdzenie adresu e-mail z {bold}, z którego został wysłany ten e-mail.",
+  "email_passthru.token_not_found.heading": "Nieprawidłowy token",
   "embed.instructions": "Osadź ten wpis na swojej stronie wklejając poniższy kod.",
   "embed.preview": "Tak będzie to wyglądać:",
   "emoji_button.activity": "Aktywność",
@@ -453,6 +464,7 @@
   "empty_column.search.accounts": "Brak wyników wyszukiwania osób dla „{term}”",
   "empty_column.search.hashtags": "Brak wyników wyszukiwania hashtagów dla „{term}”",
   "empty_column.search.statuses": "Brak wyników wyszukiwania wpisów dla „{term}”",
+  "empty_column.test": "Testowa oś czasu jest pusta.",
   "export_data.actions.export": "Eksportuj dane",
   "export_data.actions.export_blocks": "Eksportuj blokady",
   "export_data.actions.export_follows": "Eksportuj obserwacje",
@@ -489,6 +501,7 @@
   "filters.filters_list_phrase_label": "Słowo kluczowe lub fraza:",
   "filters.filters_list_whole-word": "Całe słowo",
   "filters.removed": "Usunięto filtr.",
+  "follow_recommendation.subhead": "Rozpocznijmy!",
   "follow_recommendations.done": "Gotowe",
   "follow_recommendations.heading": "Obserwuj ludzi, których wpisy chcesz widzieć! Oto kilka rekomendacji.",
   "follow_recommendations.lead": "Wpisy osób które obserwujesz będą pojawiać się w kolejności chronologicznej na stronie głównej. Nie bój się popełniać błędów, możesz przestać kogoś obserwować w każdej chwili!",
@@ -579,6 +592,8 @@
   "keyboard_shortcuts.toot": "aby utworzyć nowy wpis",
   "keyboard_shortcuts.unfocus": "aby opuścić pole wyszukiwania/pisania",
   "keyboard_shortcuts.up": "aby przejść na górę listy",
+  "landing_page_modal.download": "Pobierz",
+  "landing_page_modal.helpCenter": "Centrum pomocy",
   "lightbox.close": "Zamknij",
   "lightbox.next": "Następne",
   "lightbox.previous": "Poprzednie",
@@ -644,6 +659,7 @@
   "missing_description_modal.text": "Nie podałeś(-aś) opisu dla wszystkich załączników.",
   "missing_indicator.label": "Nie znaleziono",
   "missing_indicator.sublabel": "Nie można odnaleźć tego zasobu",
+  "mobile.also_available": "Dostępne w językach:",
   "morefollows.followers_label": "…i {count} więcej {count, plural, one {obserwujący(-a)} few {obserwujących} many {obserwujących} other {obserwujących}} na zdalnych stronach.",
   "morefollows.following_label": "…i {count} więcej {count, plural, one {obserwowany(-a)} few {obserwowanych} many {obserwowanych} other {obserwowanych}} na zdalnych stronach.",
   "mute_modal.hide_notifications": "Chcesz ukryć powiadomienia od tego użytkownika?",
@@ -851,6 +867,7 @@
   "report.placeholder": "Dodatkowe komentarze",
   "report.submit": "Wyślij",
   "report.target": "Zgłaszanie {target}",
+  "reset_password.header": "Ustaw nowe hasło",
   "schedule.post_time": "Data/godzina publikacji",
   "schedule.remove": "Usuń zaplanowany wpis",
   "schedule_button.add_schedule": "Zaplanuj wpis na później",
@@ -896,6 +913,7 @@
   "settings.edit_profile": "Edytuj profil",
   "settings.preferences": "Preferencje",
   "settings.profile": "Profil",
+  "settings.save.success": "Pomyślnie zapisano preferencje!",
   "settings.security": "Bezpieczeństwo",
   "settings.settings": "Ustawienia",
   "signup_panel.subtitle": "Zarejestruj się, aby przyłączyć się do dyskusji.",
@@ -941,6 +959,7 @@
   "soapbox_config.single_user_mode_profile_hint": "@nazwa",
   "soapbox_config.single_user_mode_profile_label": "Nazwa głównego użytkownika",
   "soapbox_config.verified_can_edit_name_label": "Pozwól zweryfikowanym użytkownikom na zmianę swojej nazwy wyświetlanej.",
+  "status.actions.more": "Więcej",
   "status.admin_account": "Otwórz interfejs moderacyjny dla @{name}",
   "status.admin_status": "Otwórz ten wpis w interfejsie moderacyjnym",
   "status.block": "Zablokuj @{name}",
@@ -1008,6 +1027,7 @@
   "tabs_bar.fediverse": "Fediwersum",
   "tabs_bar.header": "Informacje o koncie",
   "tabs_bar.home": "Strona główna",
+  "tabs_bar.more": "Więcej",
   "tabs_bar.news": "Nowości",
   "tabs_bar.notifications": "Powiadomienia",
   "tabs_bar.post": "Napisz coś",
@@ -1029,8 +1049,10 @@
   "unauthorized_modal.title": "Zarejestruj się na {site_title}",
   "upload_area.title": "Przeciągnij i upuść aby wysłać",
   "upload_button.label": "Dodaj zawartość multimedialną (JPEG, PNG, GIF, WebM, MP4, MOV)",
+  "upload_error.image_size_limit": "Obraz przekracza limit rozmiaru plików ({limit})",
   "upload_error.limit": "Przekroczono limit plików do wysłania.",
   "upload_error.poll": "Dołączanie plików nie dozwolone z głosowaniami.",
+  "upload_error.video_size_limit": "Film przekracza limit rozmiaru plików ({limit})",
   "upload_form.description": "Wprowadź opis dla niewidomych i niedowidzących",
   "upload_form.preview": "Podgląd",
   "upload_form.undo": "Usuń",

app/styles/components/modal.scss

@@ -709,9 +709,6 @@
     display: flex;
     flex-direction: row;
     flex: 1;
-    padding: 10px;
-    padding-left: max(10px, env(safe-area-inset-left));
-    padding-right: max(10px, env(safe-area-inset-right));
     overflow-y: hidden;
 
     &--scroll {