fix: Snappier refresh during deletes

ybizeul · Aug 30, 2023 · 5f5397c · 5f5397c
1 parent 964542d
commit 5f5397c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/web/ui/src/YBFeed/YBFeedComponent.tsx b/web/ui/src/YBFeed/YBFeedComponent.tsx
@@ -203,6 +203,7 @@ export function FeedComponent() {
         :""}
 
         <YBBreadCrumb />
+
         {!fatal?
             <>
             {authenticated===true?
@@ -232,7 +233,7 @@ export function FeedComponent() {
             </Modal>
 
             <div className="pasteCard">
-                <YBPasteCard empty={feedItems.current.length === 0}/>
+                <YBPasteCard empty={feedItems.current.length === 0} onPaste={update}/>
             </div>
 
             <FeedItems items={feedItems.current} onUpdate={update} />

diff --git a/web/ui/src/YBFeed/YBFeedItemComponent.tsx b/web/ui/src/YBFeed/YBFeedItemComponent.tsx
@@ -13,6 +13,7 @@ import { FeedItem } from '.'
 
 export interface FeedItemHeadingProps {
     item: FeedItem,
+    onDelete?: () => void
 }
 function YBHeading(props: FeedItemHeadingProps) {
     const { item } = props
@@ -27,7 +28,12 @@ function YBHeading(props: FeedItemHeadingProps) {
             method: "DELETE",
             credentials: "include"
             })
-            .then(() => setDeleteModalOpen(false))
+            .then(() => {
+                setDeleteModalOpen(false)
+                if (props.onDelete) {
+                    props.onDelete()
+                }
+            })
     }
 
     return (
@@ -53,6 +59,7 @@ export interface FeedItemProps {
     item: FeedItem,
     showCopyButton?: boolean
     onUpdate?: (item: FeedItemProps) => void
+    onDelete?: () => void
 }
 
 export function YBFeedItem(props: FeedItemProps) {
@@ -68,7 +75,7 @@ export function YBFeedItem(props: FeedItemProps) {
 
     return(
         <div className='item'>
-            <YBHeading item={item} />
+            <YBHeading item={item} onDelete={props.onDelete}/>
             {component}
         </div>
     )

diff --git a/web/ui/src/YBFeed/YBFeedItemsComponent.tsx b/web/ui/src/YBFeed/YBFeedItemsComponent.tsx
@@ -3,14 +3,15 @@ import { FeedItem, FeedItemProps, YBFeedItem } from './'
 export interface FeedItemsProps {
     items: FeedItem[],
     onUpdate?: (item: FeedItemProps) => void
+    onDelete?: () => void
 }
 
 export function FeedItems(props: FeedItemsProps) {
     const { items, onUpdate } = props
     return(
         <>
         {items.map((f:FeedItem) => 
-            <YBFeedItem item={f} onUpdate={onUpdate} key={f.name}/>
+            <YBFeedItem item={f} onUpdate={onUpdate} onDelete={props.onDelete} key={f.name}/>
         )}
         </>
     )

diff --git a/web/ui/src/YBFeed/YBPasteCardComponent.tsx b/web/ui/src/YBFeed/YBPasteCardComponent.tsx
@@ -4,6 +4,7 @@ import { useParams } from 'react-router-dom'
 
 interface PasteCardProps {
     empty?: boolean
+    onPaste: () => void
 }
 
 export function YBPasteCard(props:PasteCardProps) {
@@ -46,6 +47,7 @@ export function YBPasteCard(props:PasteCardProps) {
           })
           .then(() => {
             setTextFieldValue("")
+            props.onPaste()
           })
     }
     const handleFinish = () => {