zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Pre-web image changes refactor (#560)

Browse source 
* Pre-web image changes refactor

* Remove unneeded async behavior
This commit is contained in:
Ollie H 2023-05-02 14:27:00 -07:00 • committed by GitHub
parent 74fbb47979
commit bd80db619b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 22 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/view/com/composer/photos/Gallery.tsx
View file

@ -9,12 +9,15 @@ import {ImageModel} from 'state/models/media/image'
import {Image} from 'expo-image'
import {Text} from 'view/com/util/text/Text'
import {isDesktopWeb} from 'platform/detection'
import {openAltTextModal} from 'lib/media/alt-text'
import {useStores} from 'state/index'
interface Props {
gallery: GalleryModel
}
export const Gallery = observer(function ({gallery}: Props) {
const store = useStores()
const getImageStyle = useCallback(() => {
let side: number
@ -34,9 +37,9 @@ export const Gallery = observer(function ({gallery}: Props) {
const handleAddImageAltText = useCallback(
(image: ImageModel) => {
Keyboard.dismiss()
gallery.setAltText(image)
openAltTextModal(store, image)
},
[gallery],
[store],
)
const handleRemovePhoto = useCallback(
(image: ImageModel) => {

13
src/view/com/modals/AltImage.tsx
View file

@ -11,24 +11,25 @@ import {TouchableOpacity} from 'react-native-gesture-handler'
import LinearGradient from 'react-native-linear-gradient'
import {useStores} from 'state/index'
import {isDesktopWeb} from 'platform/detection'
import {ImageModel} from 'state/models/media/image'
export const snapPoints = ['80%']
interface Props {
prevAltText: string
onAltTextSet: (altText?: string | undefined) => void
image: ImageModel
}
export function Component({prevAltText, onAltTextSet}: Props) {
export function Component({image}: Props) {
const pal = usePalette('default')
const store = useStores()
const theme = useTheme()
const [altText, setAltText] = useState(prevAltText)
const [altText, setAltText] = useState(image.altText)
const onPressSave = useCallback(() => {
onAltTextSet(altText)
setAltText(altText)
image.setAltText(altText)
store.shell.closeModal()
}, [store, altText, onAltTextSet])
}, [store, image, altText])
const onPressCancel = () => {
store.shell.closeModal()