Dynamic Bottom Sheet height based on Children height #32

SatyaFariz · 2020-09-21T20:49:03Z

Feature Request

It would be awesome if you add dynamic height feature based on the children height (and still able to define max height of the bottom sheet). Also the snapPoints prop should be relative to the total Bottom Sheet height, not the screen height.

Why it is needed

Sometimes we only need to render only a few items inside the bottom sheet. So there's no need to define the bottom sheet height. It should adjust itself according to the children height. And the snapPoints should be relative to the height of the bottom sheet, not the screen height like in the example.

gorhom · 2020-09-24T07:12:22Z

hi @SatyaFariz , thanks for submitting this feature request, i will pick it up as soon as i get free 👍

sa8ab · 2020-10-11T10:08:14Z

This is a good one.

EricPKerr · 2020-10-16T18:05:26Z

Another similar enhancement would be to allow the snapPoints to change (with something like an onLayout callback) and then have the sheet handle animating to the new position

mrmarktyy · 2020-11-02T00:08:46Z

I have sort of a singleton Bottom Sheet component and snapPoints prop is a local state.
Depends on the use cases, I'd update snapPoints before expand the bottom sheet, But i found it is somehow problematic ?

So I am wondering whether dynamic snapPoints is supported ?

fabcall · 2020-11-02T15:35:13Z

@mrmarktyy I've managed to get it working by setting a key prop to BottomSheet component. So, when it's children view is indeed calculated, it invalidates the layout:

<BottomSheet
      ref={sheetRef}
      initialSnapIndex={0}
      snapPoints={snapPoints}
      topInset={StatusBar.currentHeight}
      key={layout.measured.toString()}>
    {{ children }}
</BottomSheet>

mrmarktyy · 2020-11-02T22:08:27Z

Thanks @fabcall good one, i'll give it try.
I actually ended up getting it work with a hacky setTimeout after updating snapPoints, I guess it worked because timeout gives the react to recalculate the new layout, etc.

EricPKerr · 2020-11-02T22:14:50Z

The only issue is that it goes instantly to the new point instead of animating there. It would be nice to have the useTransition internal hook find the closest new snapPoint when those change and update the position via transition (or have that be an available prop option).

gorhom · 2020-11-03T08:52:38Z

my initial idea is to add a new value type auto to snapPoints, which will measure content height and uses it value as a snap point before animating.

i'll look into it this weekend :)

fabcall · 2020-11-03T14:51:00Z

@gorhom sounds nice to me. Keep in mind that, if content height is bigger than screen, you could replace "auto" with "100%" and keep the default behavior ;)

gorhom · 2020-11-04T22:36:03Z

hi guys @SatyaFariz, @EricPKerr, @fabcall, @mrmarktyy

i have submitted a draft pr for this feature and while i finish it up, i would appreciate if you could test it

yarn add ssh://git@github.com:gorhom/react-native-bottom-sheet#feature/dynamic-snap-point

Sample Code

/* eslint-disable react-native/no-inline-styles */
import React, { useMemo, useRef } from 'react';
import { View, StyleSheet } from 'react-native';
import BottomSheet from '@gorhom/bottom-sheet';

const BasicExample = () => {
  // hooks
  const bottomSheetRef = useRef<BottomSheet>(null);

  // variables
  const snapPoints = useMemo(() => [100, 200], []);

  return (
    <View style={styles.container}>
      <BottomSheet
        ref={bottomSheetRef}
        snapPoints={snapPoints}
        initialSnapIndex={0}
        shouldMeasureContentHeight={true} // < new prop 🔥
      >
        <View
          style={{
            height: 500,
            backgroundColor: 'white',
          }}
        />
      </BottomSheet>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 24,
    backgroundColor: 'grey',
  },
  contentContainer: {
    height: 500,
    backgroundColor: 'white',
  },
});

export default BasicExample;

avet-m · 2020-11-05T16:44:29Z

@gorhom thank you
it works perfect on static view but seems like there are some problem with scrollable components like BottomSheetScrollView, the bottom sheet doesn't reach last point, just jumping up and down

Code example


import React, { useMemo, useRef } from 'react';
import { View, StyleSheet } from 'react-native';
import BottomSheet from '@gorhom/bottom-sheet';

const BasicExample = () => {
  // hooks
  const bottomSheetRef = useRef<BottomSheet>(null);

  // variables
  const snapPoints = useMemo(() => [100, 200], []);

  return (
    <View style={styles.container}>
      <BottomSheet
        ref={bottomSheetRef}
        snapPoints={snapPoints}
        initialSnapIndex={0}
        shouldMeasureContentHeight={true} // < new prop 🔥
      >
       <BottomSheetScrollView>
          <View
            style={{
              height: 500,
              backgroundColor: 'white',
            }}
          />
        </BottomSheetScrollView>
      </BottomSheet>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 24,
    backgroundColor: 'grey',
  },
  contentContainer: {
    height: 500,
    backgroundColor: 'white',
  },
});

export default BasicExample;

gorhom · 2020-11-05T21:10:14Z

thanks @avet-m for spotting this issue,, i have pushed the fix already, please try again and let me know.

⚠️ you will need to reinstall the branch again:

yarn add ssh://git@github.com:gorhom/react-native-bottom-sheet#feature/dynamic-snap-point

avet-m · 2020-11-05T21:56:54Z

@gorhom now the scroll of BottomSheetScrollView doesn't work, and also it doesn't work with shouldMeasureContentHeight={flase}

fabcall · 2020-11-06T00:10:24Z

@gorhom using useBottomSheetModal also shows an erratic behavior. For instance,

presentPasswordRecovery(
    <PasswordRecovery dismissPasswordRecovery={dismissPasswordRecovery} />,
    {
      animationDuration: 300,
      animatedPosition: snapPoints.passwordRecovery,
      handleComponent: Grabber,
      snapPoints: [20],
      shouldMeasureContentHeight: true,
    },
  );

will show the component at the specified point (20). Even though you can drag it up to its measured height, it animates back to point 20.

gorhom · 2020-11-17T22:21:05Z

a quick update, managed to get snapPoints to be reactive, so the sheet will listen to all its updates.

here is a preview

fabcall · 2020-11-17T22:28:47Z

This ia simply beautiful 😍. Amazing work, @gorhom

gorhom · 2020-11-18T21:15:09Z

quick update:

Because of the complexity of implementing this feature and other breaking changes, it will be released with the next major release v2.0 along with the reanimated v2 version.
Current implementation works perfectly with BottomSheetView, however it could works with Scrollable but with more extra steps, since VirtualizedList items height is unpredictable.
I am working now im cleaning up this PR - only for BottomSheetView - and will post it here so you guys can test it and then i'll start preparing for the release v2.0.

i can't promise a specific date,, but i will try my best to get out asap :)

gorhom · 2020-11-22T09:42:54Z

hi there 👋

here is a final pr to test this feature: #81

gorhom · 2020-11-30T22:36:26Z

I just pushed an alpha release for v2, please try it and let me know :)

also check out the new documents website ( still in progress ) 🎉

yarn add @gorhom/bottom-sheet@2.0.0-alpha.2

nandorojo · 2021-03-28T20:20:54Z

Hey @gorhom is this available in v2? I don't see it on the docs. Thanks!

gorhom · 2021-03-28T20:28:36Z

@nandorojo yes! it is available for v2 & v3, look at the example Dynamic Snap Point Example.

dorw123 · 2021-05-24T05:55:57Z

Still not working for BottomSheetScrollView?
onContentSizeChange not fireing at all, onLayout only fires on the first render.

ngoel37 · 2021-07-14T05:14:37Z

Hey there - I may be totally missing something on the example @gorhom, but is contentHeight being set when the size of the content changes? As far as I can tell, onLayout only fires on the first render, not when the content size changes.

Isaacmeedinaa · 2021-07-16T04:11:59Z

@gorhom Thank you very much for this fix... I would like to point out 2 issues with dynamic heights.

There isn't an "out-of-the-box" fix to set a height limit. I had to do it with Dimensions.
This is one is the important... Scrollables are still not working with dynamic heights. Will there be a fix for this soon? Thanks!

VladSenko · 2021-07-22T00:36:12Z

@gorhom I have BottomSheet with dynamic height content inside. This content is actually a separate component that shows some data. I set this data by clicking on an element outside the bottom sheet and then open the bottom sheet. Dynamic height is calculated but BottomSheet behaves very oddly: it jumps up/down or even closes immediately after content height change.

Please help.

anhquan291 · 2021-07-29T03:18:29Z

@gorhom I have BottomSheet with dynamic height content inside. This content is actually a separate component that shows some data. I set this data by clicking on an element outside the bottom sheet and then open the bottom sheet. Dynamic height is calculated but BottomSheet behaves very oddly: it jumps up/down or even closes immediately after content height change.

Please help.

I'm also facing the problem(v3). The bottom sheet goes down immediately when calculating the new height. Please help. Thanks

gorhom · 2021-08-08T09:23:43Z

Could you guys test on ‘v4’ ? Thanks

ktamir · 2021-08-12T07:39:36Z

Could you guys test on ‘v4’ ? Thanks

I had some issues with v3, tried v4 with the new hook and it seems to work well
Thank you so much for the great work on this library!

doougui · 2021-11-17T17:52:40Z

For me scrollables with CONTENT_HEGIHT still aren't working

My code is looking like this:

interface ContentHeightBottomSheetProps {
  children: any;
  bottomSheetModalRef: React.MutableRefObject<BottomSheetModalMethods>;
  initialSnapPoints?: (string | number)[];
  allowClosingOnPanDown?: boolean;
}

export function ContentHeightBottomSheet({ 
  children, 
  bottomSheetModalRef, 
  initialSnapPoints = ['5%', 'CONTENT_HEIGHT'],
  allowClosingOnPanDown = true,
}: ContentHeightBottomSheetProps) {
  const snapPoints = React.useMemo(() => [...initialSnapPoints], []);

  const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
  } = useBottomSheetDynamicSnapPoints(snapPoints);

  return (
    <BottomSheetModal
      ref={bottomSheetModalRef}
      index={1}
      backdropComponent={BottomSheetBackdrop}
      snapPoints={animatedSnapPoints}
      handleHeight={animatedHandleHeight}
      contentHeight={animatedContentHeight}
      enablePanDownToClose={allowClosingOnPanDown}
    >
      <BottomSheetScrollView onLayout={handleContentLayout}>
        {children}
      </BottomSheetScrollView>
    </BottomSheetModal>
  );
}

It works perfectly when the content doesn't cover 100%+ of the screen, but when it does I cannot scroll. Seems like this is the same issue I am experiencing

Note that I am using BottomSheetScrollView, but it still doesn't scroll at all

doougui · 2021-11-23T17:32:55Z

@gorhom Any updates on this? Tbh I don't really know if I am doing something I am not supposed to or if scrollables with content height are not available yet :/

Thanks in advance :)

vitorsilvalima · 2021-12-15T02:39:44Z

Hey guys, I was able to make the scrollable content to work by setting the maxHeight for the BottomSheetScrollView component

import React, { useMemo, forwardRef, useCallback } from 'react'
import { Dimensions, ScrollView, StyleSheet } from 'react-native'
import RNBottomSheet, {
  useBottomSheetDynamicSnapPoints,
  BottomSheetBackdrop,
  BottomSheetBackdropProps,
  BottomSheetScrollView,
} from '@gorhom/bottom-sheet'

interface BottomSheetProps {
  children: React.ReactNode
  onClose(): void
}

const styles = StyleSheet.create({
  backgroundStyle: {
    backgroundColor: 'transparent',
  },
  handleIndicator: {
    backgroundColor: 'white',
  },
})

const { height } = Dimensions.get('window')
function CustomBottomSheet(
  { children, onClose }: BottomSheetProps,
  ref: React.Ref<RNBottomSheet>,
): React.ReactElement {
  const initialSnapPoints = useMemo(() => ['CONTENT_HEIGHT'], [])

  const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
  } = useBottomSheetDynamicSnapPoints(initialSnapPoints)

  const renderBackdrop = useCallback(
    (props: BottomSheetBackdropProps) => (
      <BottomSheetBackdrop
        {...props}
        animatedIndex={animatedContentHeight}
        pressBehavior="close"
      />
    ),
    [],
  )

  return (
    <RNBottomSheet
      ref={ref}
      snapPoints={animatedSnapPoints}
      handleHeight={animatedHandleHeight}
      contentHeight={animatedContentHeight}
      animateOnMount={false}
      onClose={onClose}
      backdropComponent={renderBackdrop}
      backgroundStyle={styles.backgroundStyle}
      handleIndicatorStyle={styles.handleIndicator}
      enablePanDownToClose
    >
      <BottomSheetScrollView
        onLayout={handleContentLayout}
        style={{ maxHeight: height * 0.9 }}
      >
        {children}
      </BottomSheetScrollView>
    </RNBottomSheet>
  )
}

tambadiya · 2022-01-24T13:33:51Z

I have many screen in same BottomSheet and also I use bottomsheet on map so how can I give dynamic height of all screens.?

taiyrbegeyev · 2022-05-09T15:44:41Z

Hey guys, I was able to make the scrollable content to work by setting the maxHeight for the BottomSheetScrollView component

import React, { useMemo, forwardRef, useCallback } from 'react'
import { Dimensions, ScrollView, StyleSheet } from 'react-native'
import RNBottomSheet, {
  useBottomSheetDynamicSnapPoints,
  BottomSheetBackdrop,
  BottomSheetBackdropProps,
  BottomSheetScrollView,
} from '@gorhom/bottom-sheet'

interface BottomSheetProps {
  children: React.ReactNode
  onClose(): void
}

const styles = StyleSheet.create({
  backgroundStyle: {
    backgroundColor: 'transparent',
  },
  handleIndicator: {
    backgroundColor: 'white',
  },
})

const { height } = Dimensions.get('window')
function CustomBottomSheet(
  { children, onClose }: BottomSheetProps,
  ref: React.Ref<RNBottomSheet>,
): React.ReactElement {
  const initialSnapPoints = useMemo(() => ['CONTENT_HEIGHT'], [])

  const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
  } = useBottomSheetDynamicSnapPoints(initialSnapPoints)

  const renderBackdrop = useCallback(
    (props: BottomSheetBackdropProps) => (
      <BottomSheetBackdrop
        {...props}
        animatedIndex={animatedContentHeight}
        pressBehavior="close"
      />
    ),
    [],
  )

  return (
    <RNBottomSheet
      ref={ref}
      snapPoints={animatedSnapPoints}
      handleHeight={animatedHandleHeight}
      contentHeight={animatedContentHeight}
      animateOnMount={false}
      onClose={onClose}
      backdropComponent={renderBackdrop}
      backgroundStyle={styles.backgroundStyle}
      handleIndicatorStyle={styles.handleIndicator}
      enablePanDownToClose
    >
      <BottomSheetScrollView
        onLayout={handleContentLayout}
        style={{ maxHeight: height * 0.9 }}
      >
        {children}
      </BottomSheetScrollView>
    </RNBottomSheet>
  )
}

This approach seemed to work but the bottom sheet start crashing after opening it multiple times. Is there a way to fix it?

quicksilverr · 2022-11-24T15:33:35Z

Hey guys, I was able to make the scrollable content to work by setting the maxHeight for the BottomSheetScrollView component

import React, { useMemo, forwardRef, useCallback } from 'react'
import { Dimensions, ScrollView, StyleSheet } from 'react-native'
import RNBottomSheet, {
  useBottomSheetDynamicSnapPoints,
  BottomSheetBackdrop,
  BottomSheetBackdropProps,
  BottomSheetScrollView,
} from '@gorhom/bottom-sheet'

interface BottomSheetProps {
  children: React.ReactNode
  onClose(): void
}

const styles = StyleSheet.create({
  backgroundStyle: {
    backgroundColor: 'transparent',
  },
  handleIndicator: {
    backgroundColor: 'white',
  },
})

const { height } = Dimensions.get('window')
function CustomBottomSheet(
  { children, onClose }: BottomSheetProps,
  ref: React.Ref<RNBottomSheet>,
): React.ReactElement {
  const initialSnapPoints = useMemo(() => ['CONTENT_HEIGHT'], [])

  const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
  } = useBottomSheetDynamicSnapPoints(initialSnapPoints)

  const renderBackdrop = useCallback(
    (props: BottomSheetBackdropProps) => (
      <BottomSheetBackdrop
        {...props}
        animatedIndex={animatedContentHeight}
        pressBehavior="close"
      />
    ),
    [],
  )

  return (
    <RNBottomSheet
      ref={ref}
      snapPoints={animatedSnapPoints}
      handleHeight={animatedHandleHeight}
      contentHeight={animatedContentHeight}
      animateOnMount={false}
      onClose={onClose}
      backdropComponent={renderBackdrop}
      backgroundStyle={styles.backgroundStyle}
      handleIndicatorStyle={styles.handleIndicator}
      enablePanDownToClose
    >
      <BottomSheetScrollView
        onLayout={handleContentLayout}
        style={{ maxHeight: height * 0.9 }}
      >
        {children}
      </BottomSheetScrollView>
    </RNBottomSheet>
  )
}

Hey @vitorsilvalima Please could you explain, why does this work? making this maxHeight * 0.9 does what?

bryanltobing · 2023-03-28T12:00:04Z

is this feature available already? i don't see any in the docs.

I have tried this https://gorhom.github.io/react-native-bottom-sheet/hooks/#usebottomsheetdynamicsnappoints

but it doesn't work with BottomSheetScrollView

also, i use this example

and it doesn't work well with footerComponent prop

norbusonam · 2023-03-29T05:23:14Z

I am confused on this as well, CONTENT_HEIGHT is being rejected for me

ororsatti · 2023-05-14T08:05:26Z

Seems like scrollable + dynamically sized container is a big request around here.
Help me push it to @gorhom !
Here is the discussion I started about implementing it, TL;DR - its working!
#1363

ororsatti · 2023-06-17T16:01:06Z

Just sharing here that there is a PR ready for this exact feature.

#1402

Eli-Nathan · 2023-09-06T18:12:09Z

The solution I opted for with a dynamic snap point bottom sheet with max height is:

// ....
const initialSnapPoints = useMemo(() => ["CONTENT_HEIGHT"], [])
const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
} = useBottomSheetDynamicSnapPoints(initialSnapPoints)

const maxHeightStyle = useBottomSheetMaxHeight(maxHeight)

return (
    <BottomSheetModal
        // .... other props
        snapPoints={animatedSnapPoints as any}
        handleHeight={animatedHandleHeight}
        contentHeight={animatedContentHeight}
    >
        <BottomSheetScrollView
            onLayout={handleContentLayout}
            style={{
                maxHeight: maxHeightStyle,
            }}
        >
            {children}
        </BottomSheetScrollView>
    </BottomSheetModal>
)
// ...

With the custom useBottomSheetMaxHeight hook looking like this:

/*
    Designed to take the specified max height, take away top safe
    area inset and convert to a decimal
*/
import { useWindowDimensions } from "react-native"
import { useSafeAreaInsets } from "react-native-safe-area-context"

export const useBottomSheetMaxHeight = (maxHeight = "85%"): number => {
    const { height: deviceHeight } = useWindowDimensions()
    const maxHeightDecimal = parseFloat(`${maxHeight}`) / 100.0
    const { top: topSafeAreaInset } = useSafeAreaInsets()

    return (deviceHeight - topSafeAreaInset) * maxHeightDecimal
}

Hope that helps someone 😄

puniker · 2023-09-12T12:05:19Z

The solution I opted for with a dynamic snap point bottom sheet with max height is:

// ....
const initialSnapPoints = useMemo(() => ["CONTENT_HEIGHT"], [])
const {
    animatedHandleHeight,
    animatedSnapPoints,
    animatedContentHeight,
    handleContentLayout,
} = useBottomSheetDynamicSnapPoints(initialSnapPoints)

const maxHeightStyle = useBottomSheetMaxHeight(maxHeight)

return (
    <BottomSheetModal
        // .... other props
        snapPoints={animatedSnapPoints as any}
        handleHeight={animatedHandleHeight}
        contentHeight={animatedContentHeight}
    >
        <BottomSheetScrollView
            onLayout={handleContentLayout}
            style={{
                maxHeight: maxHeightStyle,
            }}
        >
            {children}
        </BottomSheetScrollView>
    </BottomSheetModal>
)
// ...

With the custom useBottomSheetMaxHeight hook looking like this:

/*
    Designed to take the specified max height, take away top safe
    area inset and convert to a decimal
*/
import { useWindowDimensions } from "react-native"
import { useSafeAreaInsets } from "react-native-safe-area-context"

export const useBottomSheetMaxHeight = (maxHeight = "85%"): number => {
    const { height: deviceHeight } = useWindowDimensions()
    const maxHeightDecimal = parseFloat(`${maxHeight}`) / 100.0
    const { top: topSafeAreaInset } = useSafeAreaInsets()

    return (deviceHeight - topSafeAreaInset) * maxHeightDecimal
}

Hope that helps someone 😄

and now that the function useBottomSheetDynamicSnapPoints() becomes deprecated? There is no documentation about it

Eli-Nathan · 2023-09-12T12:21:04Z

and now that the function useBottomSheetDynamicSnapPoints() becomes deprecated? There is no documentation about it

@puniker
General docs are here but it is not yet deprecated. It will likely be deprecated in v5 which is still in Alpha. When the V5 docs are released it will hopefully just not include that section at all.

When using the hooks, your IDE should show the JSDoc annotation to inform you that it will soon be deprecated.

alitsvin · 2023-12-15T18:31:32Z

One can try to use enableDynamicSizing prop

mustapha-ghlissi · 2024-06-07T16:56:24Z

Please refer to this comment:
#1513 (comment)

SatyaFariz added the enhancement New feature or request label Sep 21, 2020

gorhom mentioned this issue Nov 4, 2020

feat: added dynamic snap point based on content height (#32) #57

Closed

3 tasks

gorhom linked a pull request Nov 4, 2020 that will close this issue

feat: added dynamic snap point based on content height (#32) #57

Closed

3 tasks

gorhom added the v1 Written in Reanimated v1 label Nov 5, 2020

gorhom self-assigned this Nov 18, 2020

gorhom mentioned this issue Nov 20, 2020

Roadmap for v2 ( Reanimated v1 ) #75

Closed

10 tasks

gorhom added v2 Written in Reanimated v1 and removed v1 Written in Reanimated v1 labels Nov 20, 2020

gorhom linked a pull request Nov 22, 2020 that will close this issue

feat: allow dynamic snap points #81

Merged

gorhom closed this as completed in #81 Nov 27, 2020

mralj mentioned this issue Mar 11, 2021

[v3] Set height of BottomSheet to children height #340

Closed

mralj mentioned this issue Mar 11, 2021

[v3] Set height of BottomSheet to children height #341

Closed

ororsatti mentioned this issue Jun 14, 2023

Drawer scrollable with dynamic max height #1402

Closed

Eli-Nathan mentioned this issue Sep 8, 2023

Eli nathan/dynamic size bottom sheet with max height #1510

Closed

gorhom mentioned this issue Sep 10, 2023

feat: added dynamic sizing #1513

Merged

gorhom mentioned this issue Jan 3, 2024

feat: added default dynamic sizing (#1513)(with @Eli-Nathan & @ororsatti) #1683

Merged

Dynamic Bottom Sheet height based on Children height #32

Dynamic Bottom Sheet height based on Children height #32

Comments

SatyaFariz commented Sep 21, 2020

Feature Request

Why it is needed

gorhom commented Sep 24, 2020

sa8ab commented Oct 11, 2020

EricPKerr commented Oct 16, 2020

mrmarktyy commented Nov 2, 2020

fabcall commented Nov 2, 2020 • edited Loading

mrmarktyy commented Nov 2, 2020

EricPKerr commented Nov 2, 2020

gorhom commented Nov 3, 2020

fabcall commented Nov 3, 2020

gorhom commented Nov 4, 2020

Sample Code

avet-m commented Nov 5, 2020 • edited Loading

gorhom commented Nov 5, 2020

avet-m commented Nov 5, 2020

fabcall commented Nov 6, 2020 • edited Loading

gorhom commented Nov 17, 2020

fabcall commented Nov 17, 2020

gorhom commented Nov 18, 2020

gorhom commented Nov 22, 2020

gorhom commented Nov 30, 2020

nandorojo commented Mar 28, 2021

gorhom commented Mar 28, 2021

dorw123 commented May 24, 2021

ngoel37 commented Jul 14, 2021

Isaacmeedinaa commented Jul 16, 2021

VladSenko commented Jul 22, 2021 • edited Loading

anhquan291 commented Jul 29, 2021 • edited Loading

gorhom commented Aug 8, 2021

ktamir commented Aug 12, 2021 • edited Loading

doougui commented Nov 17, 2021 • edited Loading

doougui commented Nov 23, 2021 • edited Loading

vitorsilvalima commented Dec 15, 2021 • edited Loading

tambadiya commented Jan 24, 2022

taiyrbegeyev commented May 9, 2022

quicksilverr commented Nov 24, 2022

bryanltobing commented Mar 28, 2023 • edited Loading

norbusonam commented Mar 29, 2023

ororsatti commented May 14, 2023

ororsatti commented Jun 17, 2023

Eli-Nathan commented Sep 6, 2023

puniker commented Sep 12, 2023

Eli-Nathan commented Sep 12, 2023

alitsvin commented Dec 15, 2023

mustapha-ghlissi commented Jun 7, 2024

fabcall commented Nov 2, 2020 •

edited

Loading

avet-m commented Nov 5, 2020 •

edited

Loading

fabcall commented Nov 6, 2020 •

edited

Loading

VladSenko commented Jul 22, 2021 •

edited

Loading

anhquan291 commented Jul 29, 2021 •

edited

Loading

ktamir commented Aug 12, 2021 •

edited

Loading

doougui commented Nov 17, 2021 •

edited

Loading

doougui commented Nov 23, 2021 •

edited

Loading

vitorsilvalima commented Dec 15, 2021 •

edited

Loading

bryanltobing commented Mar 28, 2023 •

edited

Loading