Android/iOS Accessible Live Regions #34735

aliossam · 2022-09-20T18:45:40Z

Description

The accessibilityLiveRegion prop is currently only supported on Android, and there are issues with it even on that platform. Ideally this prop would consistently work on both iOS and Android.

Expected Behavior
Whenever an element with accessibilityLiveRegion set, or any descendant of an element with accessibilityLiveRegion set has any content changes, they should be queued up to be announced by the screen reader. “Polite” announcements should not interrupt any ongoing announcements, while “assertive” ones should interrupt.

Android Details
On Android, the accessibilityLiveRegion prop works in the older Paper renderer, but not the newer Fabric renderer.

iOS Details

On iOS there is no concept of live regions at a system level, so to support this we’d need to detect when content changes on any element (or descendant) with the accessibilityLiveRegion prop set, and make a manual announcement. These announcements will have to be queued up with the UIAccessibilitySpeechAttributeQueueAnnouncement property set to either make them “polite” or “assertive”.

The behavior of exactly how the queue works (maximum length, what happens when new announcements are queued after that length, etc.) should match Android and web as closely as possible.

Version

0.66

Output of `npx react-native info`

see description

Steps to reproduce

see description

Snack, code example, screenshot, or link to a repository

see description

The text was updated successfully, but these errors were encountered:

fabOnReact · 2022-11-21T09:44:43Z

The functionality requires the creation of a queue for iOS announcements.

assertive may need to interrupt a system announcement (documentation)

Current Tasks:

Review information in Issue #34735
Further investigate announcementFinished API (comment)
Review personal notes on issue 34735
Read about iOS API UIAccessibilitySpeechAttributeQueueAnnouncement (stackoverflow)
Read iOS documentation on UIAccessibilitySpeechAttributeQueueAnnouncement
Read iOS documentation on accessibilitySpeechQueueAnnouncement (StackOverflow)
Test UIAccessibilitySpeechAttributeQueueAnnouncement in react-native (StackOverflow) (comment)

fabOnReact · 2022-11-21T10:25:41Z

Further investigate announcementFinished API

The functionality was implemented using ANNOUNCEMENT_DID_FINISH_EVENT as discussed on StackOverflow.

react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js

Lines 95 to 124 in cfe0032

    
             /** 
        
              * Add an event handler. Supported events: 
        
              * 
        
              * - `change`: Fires when the state of the screen reader changes. The argument 
        
              *   to the event handler is a boolean. The boolean is `true` when a screen 
        
              *   reader is enabled and `false` otherwise. 
        
              * - `announcementFinished`: iOS-only event. Fires when the screen reader has 
        
              *   finished making an announcement. The argument to the event handler is a dictionary 
        
              *   with these keys: 
        
              *     - `announcement`: The string announced by the screen reader. 
        
              *     - `success`: A boolean indicating whether the announcement was successfully made. 
        
              */ 
        
             addEventListener: function ( 
        
               eventName: ChangeEventName, 
        
               handler: Function 
        
             ): Object { 
        
               var listener; 
        
               if (eventName === 'change') { 
        
                 listener = RCTDeviceEventEmitter.addListener( 
        
                   VOICE_OVER_EVENT, 
        
                   handler 
        
                 ); 
        
               } else if (eventName === 'announcementFinished') { 
        
                 listener = RCTDeviceEventEmitter.addListener( 
        
                   ANNOUNCEMENT_DID_FINISH_EVENT, 
        
                   handler 
        
                 ); 
        
               }

fabOnReact · 2022-11-21T15:54:08Z

Test UIAccessibilitySpeechAttributeQueueAnnouncement in react-native (StackOverflow)

https://reactnative.dev/docs/next/accessibilityinfo#announceforaccessibilitywithoptions

RCTAccessibilityManager

RCT_EXPORT_METHOD(announceForAccessibilityWithOptions
                  : (NSString *)announcement options
                  : (JS::NativeAccessibilityManager::SpecAnnounceForAccessibilityWithOptionsOptions &)options)
{
  if (@available(iOS 11.0, *)) {
    NSMutableDictionary<NSString *, NSNumber *> *attrsDictionary = [NSMutableDictionary new];
    if (options.queue()) {
      attrsDictionary[UIAccessibilitySpeechAttributeQueueAnnouncement] = @(*(options.queue()) ? YES : NO);
    }

    if (attrsDictionary.count > 0) {
      NSAttributedString *announcementWithAttrs = [[NSAttributedString alloc] initWithString:announcement
                                                                                  attributes:attrsDictionary];
      UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, announcementWithAttrs);
    } else {
      UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, announcement);
    }
  } else {
    UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, announcement);
  }
}

fabOnReact · 2022-11-21T17:16:33Z

Test existing react-native accessibilityLiveRegion functionality on Android Paper

Include Video recording of different scenarios (assertive, polite, none)
Write down expected behaviour for iOS

Testing Android accessibilityLiveRegion assertive (Paper)

        <RNTesterBlock title="LiveRegion">
          <TouchableWithoutFeedback onPress={this._addOne}>
            <View style={styles.embedded}>
              <Text>Click me</Text>
            </View>
          </TouchableWithoutFeedback>
          <View accessibilityLiveRegion="polite">
            <Text>
              Announced {this.state.count} times with accessibilityLiveRegion
              polite
            </Text>
          </View>
          <View accessibilityLiveRegion="assertive">
            <Text>
              Second announcement {this.state.count} times with
              accessibilityLiveRegion assertive
            </Text>
          </View>
        </RNTesterBlock>

https://www.icloud.com/iclouddrive/08b3HMFKoLEfpMCCyX9enjyIw#android_paper_assertive

Testing Android accessibilityLiveRegion polite (Paper)

        <RNTesterBlock title="LiveRegion">
          <TouchableWithoutFeedback onPress={this._addOne}>
            <View style={styles.embedded}>
              <Text>Click me</Text>
            </View>
          </TouchableWithoutFeedback>
          <View accessibilityLiveRegion="polite">
            <Text>
              Announced {this.state.count} times with accessibilityLiveRegion
              polite
            </Text>
          </View>
          <View accessibilityLiveRegion="polite">
            <Text>
              Second announcement {this.state.count} times with
              accessibilityLiveRegion polite
            </Text>
          </View>
        </RNTesterBlock>

https://www.icloud.com/iclouddrive/078YVxbmyt9XswScPrBtTuGrg#android_paper_polite

Takeaways on Android:

Moving focus to another element (or an announcement triggered by Operating System) will stop the queue
An assertive announcement stops the queue. Announcements that were interrupted on Android will not be repeated.

fabOnReact · 2022-11-21T17:33:07Z

Implementation Design

Different react components have the accessibilityLiveRegion=polite or assertive

<>
  <TouchableWithoutFeedback onPress={this._addOne}>
    <View style={styles.embedded}>
      <Text>Click me</Text>
    </View>
  </TouchableWithoutFeedback>
  <View accessibilityLiveRegion="polite">
    <Text>
      Announced {this.state.count} times with accessibilityLiveRegion
      polite
    </Text>
  </View>
  <View accessibilityLiveRegion="polite">
    <Text>
      Second announcement {this.state.count} times with
      accessibilityLiveRegion polite
    </Text>
  </View>
</>

If their content changes, an announcement is triggered (link)
Assertive or polite (API)

fabOnReact · 2022-11-21T17:53:56Z

Detect accessibility content change

The accessibility content changes if one of the accessibility props (accessibilityLabel, hint, state or child props) changes. (example1, example2)

accessibilityLabel

The accessibilityLabel is set on the accessibilityElement with RCTViewComponentView#updateProps.
When VoiceOver is enabled, the accessibilityLabel is computed with RCTRecursiveAccessibilityLabel. If no accessibilityLabel is available, the label is retrieved from children.

Tasks:

Trigger a manual announcement in RCTRecursiveAccessibilityLabel, if the component has prop accessibilityLiveRegion="polite" (use AccessibilityExpandedExample)
Read the implementation of RCTViewComponentView
Read the documentation on UIAccessibilityElement

Commit 972a40a

relevant notes

What are the conditions that may change the accessibility of content on Android

The parent component with accessible={true} should trigger new announcement (documentation and PR). The Diffing should be done on the parent component with accessible={true}

Detecting accessibility announcement change in JavaScript

Parent accessible View (<View accessible={true}><Text /></View>) receives new props (accessiblityState, accessibilityHint or children).
The props change the announcement and should trigger sendAccessibilityAnnouncementWithOptions.
The diffing could be done in componentWillReceiveProps.

RCTRecursiveAccessibilityLabel already computes a new label by iterating over children's views. Logic should not be duplicated on JS side.

Read documentation, investigate different solutions, plan work (details) -- Test existing react-native accessibilityLiveRegion functionality on Android Paper (details)Include Video recording of different scenarios (assertive, polite, none)Write down expected behaviour for iOS Implementation Design (details) Detect accessibility content change (details) Read documentation, investigate different solutions, plan work ([details](facebook#34735 (comment))) "Test existing react-native accessibilityLiveRegion functionality on Android Paper ([details](facebook#34735 (comment))) Include Video recording of different scenarios (assertive, polite, none) Write down expected behaviour for iOS" Implementation Design ([details](facebook#34735 (comment))) Detect accessibility content change ([details](facebook#34735 (comment)))

fabOnReact · 2022-11-22T21:04:55Z

Automatic content grouping

Solution proposted in PR #35432 does not work with automatic content grouping (for ex. child component Text change does not trigger a new announcement when focused on another component).

Sourcecode of the example

function AccessibilityExpandedExample(): React.Node {
  const [expand, setExpanded] = React.useState(false);
  const [pressed, setPressed] = React.useState(false);
  const expandAction = {name: 'expand'};
  const collapseAction = {name: 'collapse'};
  return (
    <>
      <RNTesterBlock title="Collapse/Expanded state change (Paper)">
        <Button
          onPress={() => {
            setExpanded(!expand);
          }}
          title="click me to change state"
        />
        <View
          accessibilityLiveRegion="polite"
          accessibilityRole="button"
          accessible={true}
          focusable={true}
          nativeID={'1'}
          style={{backgroundColor: 'red', height: 200, width: 400}}>
          <Text>{expand ? null : 'my text'}</Text>
        </View>
      </RNTesterBlock>
    </>
  );
}

The parent accessibility label is set to the value of Child attributedString.text. The value is changed when VoiceOver focuses on the component.

react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

Lines 701 to 726 in 53f7b76

    
           static NSString *RCTRecursiveAccessibilityLabel(UIView *view) 
        
           { 
        
             NSMutableString *result = [NSMutableString stringWithString:@""]; 
        
             for (UIView *subview in view.subviews) { 
        
               NSString *label = subview.accessibilityLabel; 
        
               if (!label) { 
        
                 label = RCTRecursiveAccessibilityLabel(subview); 
        
               } 
        
               if (label && label.length > 0) { 
        
                 if (result.length > 0) { 
        
                   [result appendString:@" "]; 
        
                 } 
        
                 [result appendString:label]; 
        
               } 
        
             } 
        
             return result; 
        
           } 
        
           - (NSString *)accessibilityLabel 
        
           { 
        
             NSString *label = super.accessibilityLabel; 
        
             if (label) { 
        
               return label; 
        
             } 
        
             return RCTRecursiveAccessibilityLabel(self); 
        
           }

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 138 to 141 in 53f7b76

    
           - (NSString *)accessibilityLabel 
        
           { 
        
             return self.attributedText.string; 
        
           }

While the prop diffing is triggered when the new prop is passed to the child component, as there is no change in the accessibilityLabel prop, no announcement is triggered here.

react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

Lines 298 to 308 in 53f7b76

    
           if (!newViewProps.accessibilityLabel.empty() && oldViewProps.accessibilityLabel != newViewProps.accessibilityLabel && newViewProps.accessibilityLiveRegion != AccessibilityLiveRegion::None) { 
        
             if ([self.nativeId isEqualToString:@"1"]) { 
        
               if (@available(iOS 11.0, *)) { 
        
                 NSMutableDictionary<NSString *, NSNumber *> *attrsDictionary = [NSMutableDictionary new]; 
        
                 attrsDictionary[UIAccessibilitySpeechAttributeQueueAnnouncement] =  @(newViewProps.accessibilityLiveRegion == AccessibilityLiveRegion::Polite ? YES : NO); 
        
                 NSAttributedString *announcementWithAttrs = [[NSAttributedString alloc] initWithString: RCTNSStringFromStringNilIfEmpty(newViewProps.accessibilityLabel) 
        
                                                                                             attributes:attrsDictionary]; 
        
                 UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, announcementWithAttrs); 
        
               } 
        
             } 
        
           }

Nested Text receives props update here, an option would be checking for a change in the attributedtext.string

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 83 to 99 in 53f7b76

    
           - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps 
        
           { 
        
             auto const &oldParagraphProps = *std::static_pointer_cast<ParagraphProps const>(_props); 
        
             auto const &newParagraphProps = *std::static_pointer_cast<ParagraphProps const>(props); 
        
             _paragraphAttributes = newParagraphProps.paragraphAttributes; 
        
             if (newParagraphProps.isSelectable != oldParagraphProps.isSelectable) { 
        
               if (newParagraphProps.isSelectable) { 
        
                 [self enableContextMenu]; 
        
               } else { 
        
                 [self disableContextMenu]; 
        
               } 
        
             } 
        
             [super updateProps:props oldProps:oldProps]; 
        
           }

The logic behind the Text accessibilityElements seems more complex than other component as they can be nested with accessibilityRole="link", but the idea is that every class can over-ride the accessibilityLabel and other getter methods to change the way labels are generated

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 151 to 180 in 53f7b76

    
           - (NSArray *)accessibilityElements 
        
           { 
        
             auto const &paragraphProps = *std::static_pointer_cast<ParagraphProps const>(_props); 
        
             // If the component is not `accessible`, we return an empty array. 
        
             // We do this because logically all nested <Text> components represent the content of the <Paragraph> component; 
        
             // in other words, all nested <Text> components individually have no sense without the <Paragraph>. 
        
             if (!_state || !paragraphProps.accessible) { 
        
               return [NSArray new]; 
        
             } 
        
             auto &data = _state->getData(); 
        
             if (![_accessibilityProvider isUpToDate:data.attributedString]) { 
        
               auto textLayoutManager = data.layoutManager.lock(); 
        
               if (textLayoutManager) { 
        
                 RCTTextLayoutManager *nativeTextLayoutManager = 
        
                     (RCTTextLayoutManager *)unwrapManagedObject(textLayoutManager->getNativeTextLayoutManager()); 
        
                 CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame()); 
        
                 _accessibilityProvider = 
        
                     [[RCTParagraphComponentAccessibilityProvider alloc] initWithString:data.attributedString 
        
                                                                          layoutManager:nativeTextLayoutManager 
        
                                                                    paragraphAttributes:data.paragraphAttributes 
        
                                                                                  frame:frame 
        
                                                                                   view:self]; 
        
               } 
        
             } 
        
             return _accessibilityProvider.accessibilityElements; 
        
           }

Android - Behaviour when child text changes

https://www.icloud.com/iclouddrive/08aEHI1ivCO9iXBpIvTeFdFfA#android_live_region_announce_text_change

Draft solution fabOnReact@85b1c1f

fabOnReact · 2022-11-23T15:50:44Z

The state update triggers onFocus (when VoiceOver screenreader focus moves to the text).

Mechanism behind ParagraphComponentView state update

react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.h

Lines 94 to 98 in 53f7b76

    
             /* 
        
              * Creates a `State` object (with `AttributedText` and 
        
              * `TextLayoutManager`) if needed. 
        
              */ 
        
             void updateStateIfNeeded(Content const &content);

react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.cpp

Lines 100 to 115 in 53f7b76

    
           void ParagraphShadowNode::updateStateIfNeeded(Content const &content) { 
        
             ensureUnsealed(); 
        
             auto &state = getStateData(); 
        
             react_native_assert(textLayoutManager_); 
        
             if (state.attributedString == content.attributedString) { 
        
               return; 
        
             } 
        
             setStateData(ParagraphState{ 
        
                 content.attributedString, 
        
                 content.paragraphAttributes, 
        
                 textLayoutManager_}); 
        
           }

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 101 to 106 in 53f7b76

    
           - (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState 
        
           { 
        
             _state = std::static_pointer_cast<ParagraphShadowNode::ConcreteState const>(state); 
        
             [self setNeedsDisplay]; 
        
           }

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 60 to 64 in 53f7b76

    
           - (NSAttributedString *_Nullable)attributedText 
        
           { 
        
             if (!_state) { 
        
               return nil; 
        
             }

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 138 to 141 in 53f7b76

    
           - (NSString *)accessibilityLabel 
        
           { 
        
             return self.attributedText.string; 
        
           }

fabOnReact · 2022-11-23T19:44:04Z

Investigate how RCTMountingManager triggers state updates in RCTParagraph

react-native/React/Fabric/Mounting/RCTMountingManager.mm

Lines 133 to 135 in 53f7b76

    
           if (oldChildShadowView.state != newChildShadowView.state) { 
        
             [newChildComponentView updateState:newChildShadowView.state oldState:oldChildShadowView.state]; 
        
             mask |= RNComponentViewUpdateMaskState;

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 101 to 106 in 53f7b76

    
           - (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState 
        
           { 
        
             _state = std::static_pointer_cast<ParagraphShadowNode::ConcreteState const>(state); 
        
             [self setNeedsDisplay]; 
        
           }

update state is called when Text.js children (the value of the text) changes

CLICK TO OPEN EXAMPLE SOURCECODE

function AccessibilityExpandedExample(): React.Node {
  const [expand, setExpanded] = React.useState(false);
  const [pressed, setPressed] = React.useState(false);
  const expandAction = {name: 'expand'};
  const collapseAction = {name: 'collapse'};
  return (
    <>
      <RNTesterBlock title="Collapse/Expanded state change (Paper)">
        <Button
          onPress={() => {
            setExpanded(!expand);
          }}
          title="click me to change state"
        />
        <View
          accessibilityLiveRegion="polite"
          accessibilityRole="button"
          accessible={true}
          focusable={true}
          nativeID={'1'}
          style={{backgroundColor: 'red', height: 200, width: 400}}>
          <Text>{expand ? null : 'my text'}</Text>
        </View>
      </RNTesterBlock>
    </>
  );
}

The user clicks on the button change state
The nearby component accessibility announcement changes
The nearby component Text changes from my text to empty
RCTMountingManager method RCTPerformMountInstructions receives the state update (the old state, the new state)
RCTParagraphComponentView updateState changes the instance variable _state text field from "my text" to empty (old _state, new _state)

fabOnReact · 2022-11-25T16:12:32Z

Android - testing announcement of accessibilityState selected with accessibilityLiveRegion

ENABLE AUDIO

2022-11-25.17-10-34.mp4

fabOnReact · 2022-11-25T20:27:47Z

iOS Text accessibilityLabel never announced with Fabric (main branch)

cc @blavalla

This is an iOS issue in the main branch, the Text accessibilityLabel is set to always equal the Text attributed.string

react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm

Lines 137 to 140 in 8b8f4f3

    
           - (NSString *)accessibilityLabel 
        
           { 
        
             return self.attributedText.string; 
        
           }

Android - Text correctly announcing accessibilityLabel

ENABLE AUDIO

2022-11-25.21-22-30.mp4

iOS - not announcing accessibilityLabel

ENABLE AUDIO

VID_20221125_212309.mp4

github-actions · 2023-08-13T05:51:00Z

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

github-actions · 2023-09-05T05:23:20Z

This issue was closed because it has been stalled for 7 days with no activity.

aliossam added the Needs: Triage 🔍 label Sep 20, 2022

react-native-bot added Platform: Android Android applications. Platform: iOS iOS applications. labels Sep 20, 2022

fabOnReact self-assigned this Nov 18, 2022

fabOnReact mentioned this issue Nov 22, 2022

adding iOS support for accessibilityLiveRegion #35432

Closed

This was referenced Feb 2, 2023

Facebook flipper unknown device type fabOnReact/react-native-notes#15

Closed

1/n Adding Android support for Accessibility TtsSpan API - Support for accessibilitySpan and accessibilityLabel props in nested Text #35130

Closed

github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 13, 2023

github-actions bot closed this as completed Sep 5, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Android/iOS Accessible Live Regions #34735

Android/iOS Accessible Live Regions #34735

aliossam commented Sep 20, 2022

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

What are the conditions that may change the accessibility of content on Android

Detecting accessibility announcement change in JavaScript

fabOnReact commented Nov 22, 2022 •

edited

Loading

fabOnReact commented Nov 23, 2022 •

edited

Loading

fabOnReact commented Nov 23, 2022 •

edited

Loading

fabOnReact commented Nov 25, 2022 •

edited

Loading

fabOnReact commented Nov 25, 2022 •

edited

Loading

github-actions bot commented Aug 13, 2023

github-actions bot commented Sep 5, 2023

Android/iOS Accessible Live Regions #34735

Android/iOS Accessible Live Regions #34735

Comments

aliossam commented Sep 20, 2022

Description

Version

Output of npx react-native info

Steps to reproduce

Snack, code example, screenshot, or link to a repository

fabOnReact commented Nov 21, 2022 • edited Loading

fabOnReact commented Nov 21, 2022 • edited Loading

Further investigate announcementFinished API

fabOnReact commented Nov 21, 2022

Test UIAccessibilitySpeechAttributeQueueAnnouncement in react-native (StackOverflow)

fabOnReact commented Nov 21, 2022 • edited Loading

Test existing react-native accessibilityLiveRegion functionality on Android Paper

fabOnReact commented Nov 21, 2022 • edited Loading

Implementation Design

fabOnReact commented Nov 21, 2022 • edited Loading

Detect accessibility content change

accessibilityLabel

What are the conditions that may change the accessibility of content on Android

Detecting accessibility announcement change in JavaScript

fabOnReact commented Nov 22, 2022 • edited Loading

Automatic content grouping

fabOnReact commented Nov 23, 2022 • edited Loading

fabOnReact commented Nov 23, 2022 • edited Loading

Investigate how RCTMountingManager triggers state updates in RCTParagraph

fabOnReact commented Nov 25, 2022 • edited Loading

fabOnReact commented Nov 25, 2022 • edited Loading

iOS Text accessibilityLabel never announced with Fabric (main branch)

github-actions bot commented Aug 13, 2023

github-actions bot commented Sep 5, 2023

Output of `npx react-native info`

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 21, 2022 •

edited

Loading

fabOnReact commented Nov 22, 2022 •

edited

Loading

fabOnReact commented Nov 23, 2022 •

edited

Loading

fabOnReact commented Nov 23, 2022 •

edited

Loading

fabOnReact commented Nov 25, 2022 •

edited

Loading

fabOnReact commented Nov 25, 2022 •

edited

Loading