Skip to content
GitLab
Explorer
Connexion
Navigation principale
Rechercher ou aller à…
Projet
M
mydressin-front
Gestion
Activité
Membres
Labels
Programmation
Tickets
0
Tableaux des tickets
Jalons
Wiki
Jira
Code
Requêtes de fusion
2
Dépôt
Branches
Validations
Étiquettes
Graphe du dépôt
Comparer les révisions
Extraits de code
Compilation
Pipelines
Jobs
Planifications de pipeline
Artéfacts
Déploiement
Releases
Registre de paquets
Opération
Environnements
Modules Terraform
Surveillance
Incidents
Service d'assistance
Analyse
Données d'analyse des chaînes de valeur
Contributor analytics
Données d'analyse CI/CD
Données d'analyse du dépôt
Expériences du modèle
Aide
Aide
Support
Documentation de GitLab
Comparer les forfaits GitLab
Forum de la communauté
Contribuer à GitLab
Donner votre avis
Raccourcis clavier
?
Extraits de code
Groupes
Projets
mydressin
mydressin-front
Validations
a0502ec0
Valider
a0502ec0
rédigé
il y a 6 mois
par
Mohsine
Parcourir les fichiers
Options
Téléchargements
Plain Diff
Merge branch 'bugfix/scroll-chat' into 'develop'
fixed scrolling logic in live chat messages See merge request
!435
parents
2424438e
af201cee
Branches
feature/MYD-798
Branches contenant la validation
1 requête de fusion
!435
fixed scrolling logic in live chat messages
Modifications
1
Masquer les modifications d'espaces
En ligne
Côte à côte
Affichage de
1 fichier modifié
src/hooks/use-scroll.tsx
+6
-6
6 ajouts, 6 suppressions
src/hooks/use-scroll.tsx
avec
6 ajouts
et
6 suppressions
src/hooks/use-scroll.tsx
+
6
−
6
Voir le fichier @
a0502ec0
import
{
useRef
,
useEffect
,
useCallback
,
useState
}
from
'
react
'
;
import
{
useRef
,
useEffect
,
useCallback
}
from
'
react
'
;
export
default
function
useScroll
<
T
>
(
items
:
T
[])
{
const
endRef
=
useRef
<
HTMLDivElement
>
(
null
);
const
isEndVisible
=
useRef
(
true
);
const
isEndVisible
Ref
=
useRef
(
true
);
const
scrollToBottom
=
useCallback
(()
=>
{
if
(
endRef
.
current
&&
isEndVisible
)
{
if
(
endRef
.
current
&&
isEndVisible
Ref
.
current
)
{
endRef
.
current
.
scrollIntoView
({
behavior
:
'
smooth
'
});
}
},
[
items
,
isEndVisible
]);
},
[]);
useEffect
(()
=>
{
scrollToBottom
();
...
...
@@ -18,7 +18,7 @@ export default function useScroll<T>(items: T[]) {
const
observer
=
new
IntersectionObserver
(
(
entries
)
=>
{
const
[
entry
]
=
entries
;
isEndVisible
.
current
=
entry
.
isIntersecting
;
isEndVisible
Ref
.
current
=
entry
.
isIntersecting
;
},
{
root
:
null
,
// relative to the viewport
...
...
@@ -35,7 +35,7 @@ export default function useScroll<T>(items: T[]) {
observer
.
unobserve
(
endRef
.
current
);
}
};
},
[
endRef
]);
},
[]);
return
{
endRef
,
...
...
This diff is collapsed.
Click to expand it.
Aperçu
0%
Veuillez réessayer
ou
joindre un nouveau fichier
.
Annuler
You are about to add
0
people
to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Enregistrer le commentaire
Annuler
Veuillez vous
inscrire
ou vous
se connecter
pour commenter