react-components: gif make fetchpriority lowercase to avoid react war…

…ning
Giphy · Apr 22, 2024 · ccf0ecb · ccf0ecb
1 parent 9e20c13
commit ccf0ecb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/packages/react-components/src/components/gif.tsx b/packages/react-components/src/components/gif.tsx
@@ -277,7 +277,7 @@ const Gif = ({
                     suppressHydrationWarning
                     // @ts-ignore - fetchPriority is not recognized by React typescript
                     // eslint-disable-next-line react/no-unknown-property
-                    fetchPriority={fetchPriority}
+                    fetchpriority={fetchPriority}
                     className={[Gif.imgClassName, loadedClassname].join(' ')}
                     src={shouldShowMedia ? rendition.url : placeholder}
                     style={{ background }}

diff --git a/packages/react-components/stories/grid-editable.stories.tsx b/packages/react-components/stories/grid-editable.stories.tsx
@@ -1,14 +1,14 @@
 import styled from '@emotion/styled'
+import { giphyPurple } from '@giphy/colors'
 import { GiphyFetch } from '@giphy/js-fetch-api'
+import { IGif } from '@giphy/js-types'
 import { Meta, StoryObj } from '@storybook/react'
 import fetchMock from 'fetch-mock'
 import React, { useEffect, useState } from 'react'
 import { throttle } from 'throttle-debounce'
 import { GifOverlayProps, Grid as GridComponent } from '../src'
 import inTestsRunner from './in-tests-runner'
 import mockGifsResult from './mock-data/gifs.json'
-import { IGif } from '@giphy/js-types'
-import { giphyPurple } from '@giphy/colors'
 
 const apiKey = 'sXpGFDGZs0Dv1mmNFvYaGUvYwKX0PWIh'
 const gf = new GiphyFetch(apiKey)
@@ -61,10 +61,12 @@ const Grid = ({ loader, ...other }: GridProps) => {
                     <Button
                         onClick={() => {
                             const result = prompt('Edit Title', gif.title) || 'New Title'
-                            const editGif = externalGifs?.find((g) => g.id === gif.id)
-                            if (editGif) {
-                                editGif.title = result
-                                setExternalGifs(externalGifs)
+                            if (externalGifs) {
+                                const editGif = externalGifs?.find((g) => g.id === gif.id)
+                                if (editGif) {
+                                    editGif.title = result
+                                    setExternalGifs([...externalGifs])
+                                }
                             }
                         }}
                     >