fix: add error handling to source article fetching in multiple card components

Author: medyo

src/features/cards/components/conferencesCard/ConferencesCard.tsx

@@ -21,7 +21,11 @@ export function ConferencesCard(props: CardPropsType) {
     source: meta.value,
     fallbackTag: GLOBAL_TAG,
   })
-  const { isLoading, data: results } = useGetConferences({
+  const {
+    isLoading,
+    error,
+    data: results,
+  } = useGetConferences({
     tags: queryTags,
     config: {
       enabled: isVisible,
@@ -59,6 +63,7 @@ export function ConferencesCard(props: CardPropsType) {
       <ListConferenceComponent
         sortBy={sortBy as keyof Conference}
         items={results}
+        error={error}
         isLoading={isLoading}
         renderItem={renderItem}
       />

src/features/cards/components/freecodecampCard/FreecodecampCard.tsx

@@ -23,7 +23,7 @@ export function FreecodecampCard(props: CardPropsType) {
     fallbackTag: GLOBAL_TAG,
   })
 
-  const { data, isLoading } = useGetSourceArticles({
+  const { data, error, isLoading } = useGetSourceArticles({
     source: 'freecodecamp',
     tags: queryTags,
     config: {
@@ -56,6 +56,7 @@ export function FreecodecampCard(props: CardPropsType) {
       <ListPostComponent
         sortBy={sortBy as keyof Article}
         items={data}
+        error={error}
         isLoading={isLoading}
         renderItem={renderItem}
       />

src/features/cards/components/hackernoonCard/HackernoonCard.tsx

@@ -23,7 +23,7 @@ export function HackernoonCard(props: CardPropsType) {
     fallbackTag: GLOBAL_TAG,
   })
 
-  const { data, isLoading } = useGetSourceArticles({
+  const { data, error, isLoading } = useGetSourceArticles({
     source: 'hackernoon',
     tags: queryTags,
     config: {
@@ -55,6 +55,7 @@ export function HackernoonCard(props: CardPropsType) {
       {...props}>
       <ListPostComponent
         sortBy={sortBy as keyof Article}
+        error={error}
         items={data}
         isLoading={isLoading}
         renderItem={renderItem}

src/features/cards/components/hashnodeCard/HashnodeCard.tsx

@@ -24,7 +24,7 @@ export function HashnodeCard(props: CardPropsType) {
     source: meta.value,
     fallbackTag: GLOBAL_TAG,
   })
-  const { data, isLoading } = useGetSourceArticles({
+  const { data, error, isLoading } = useGetSourceArticles({
     source: 'hashnode',
     tags: queryTags,
     config: {
@@ -68,6 +68,7 @@ export function HashnodeCard(props: CardPropsType) {
       {...props}>
       <ListComponent<Article>
         sortBy={sortBy as keyof Article}
+        error={error}
         items={data}
         isLoading={isLoading}
         renderItem={renderItem}

src/features/cards/components/mediumCard/MediumCard.tsx

@@ -24,7 +24,7 @@ export function MediumCard(props: CardPropsType) {
     source: meta.value,
     fallbackTag: GLOBAL_TAG,
   })
-  const { data, isLoading } = useGetSourceArticles({
+  const { data, isLoading, error } = useGetSourceArticles({
     source: 'medium',
     tags: queryTags,
     config: {
@@ -76,6 +76,7 @@ export function MediumCard(props: CardPropsType) {
       <ListPostComponent
         sortBy={sortBy as keyof Article}
         items={data}
+        error={error}
         isLoading={isLoading}
         renderItem={renderItem}
       />