refactor: Use triggers from appEntry and don't make the request twice

src/components/KonnectorTile.jsx

@@ -53,7 +53,7 @@ function getTriggersBySlug(triggers, slug) {
 }
 function getErrorsForTriggers(triggers, jobs) {
   const triggersInError = triggers.filter(
-    t => t.current_state.status === 'errored'
+    t => t.current_state?.status === 'errored'
   )
   if (triggersInError?.length > 0) {
     const job = Object.values(jobs).find(
@@ -75,8 +75,10 @@ const getAccountsFromTrigger = (accounts, triggers) => {
   return matchingAccounts
 }
 export const KonnectorTile = props => {
-  const test = useSelector(state => state.cozy.documents['io.cozy.triggers'])
-  const triggers = getTriggersBySlug(test, props.konnector.slug)
+  const allTriggers = useSelector(
+    state => state.cozy.documents['io.cozy.triggers']
+  )
+  const triggers = getTriggersBySlug(allTriggers, props.konnector.slug)
   const jobs = useSelector(state => state.cozy.documents['io.cozy.jobs'])
   const accounts = useSelector(
     state => state.cozy.documents['io.cozy.accounts']

src/containers/App.jsx

@@ -37,7 +37,7 @@ const FETCHING_CONTEXT = 'FETCHING_CONTEXT'
 window.flag = window.flag || flag
 window.minilog = minilog
 
-const App = ({ accounts, konnectors }) => {
+const App = ({ accounts, konnectors, triggers }) => {
   const client = useClient()
   const { isMobile } = useBreakpoints()
   const [status, setStatus] = useState(IDLE)
@@ -55,21 +55,21 @@ const App = ({ accounts, konnectors }) => {
 
   useEffect(() => {
     setIsFetching(
-      [accounts, konnectors].some(collection =>
+      [accounts, konnectors, triggers].some(collection =>
         ['pending', 'loading'].includes(collection.fetchStatus)
       )
     )
     setHasError(
-      [accounts, konnectors].find(
+      [accounts, konnectors, triggers].find(
         collection => collection.fetchStatus === 'failed'
       )
     )
-  }, [accounts, konnectors])
-  useEffect(() => {
+  }, [accounts, konnectors, triggers])
+  /*  useEffect(() => {
     client.query(Q('io.cozy.triggers'))
     client.query(Q('io.cozy.jobs'))
     client.query(Q('io.cozy.accounts'))
-  }, [])
+  }, []) */
   useEffect(() => {
     // if we already have the query, let's refresh in "background"
     // aka without loading state