shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-12-30 09:41:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: transition animation (#2974)

Browse Source 
switched to using headlessui transition instead of react-css-transition due to new version breaking the
animation
This commit is contained in:
Brandon Cohen
2022-08-24 13:18:09 -04:00
committed by GitHub
parent baf1ea95a3
commit 98028bf2f4
22 changed files with 66 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/UserList/index.tsx
View File

@@ -7,7 +7,6 @@ import Modal from '@app/components/Common/Modal';
import PageTitle from '@app/components/Common/PageTitle';
import SensitiveInput from '@app/components/Common/SensitiveInput';
import Table from '@app/components/Common/Table';
import Transition from '@app/components/Transition';
import BulkEditModal from '@app/components/UserList/BulkEditModal';
import PlexImportModal from '@app/components/UserList/PlexImportModal';
import useSettings from '@app/hooks/useSettings';
@@ -15,6 +14,7 @@ import { useUpdateQueryParams } from '@app/hooks/useUpdateQueryParams';
import type { User } from '@app/hooks/useUser';
import { Permission, UserType, useUser } from '@app/hooks/useUser';
import globalMessages from '@app/i18n/globalMessages';
import { Transition } from '@headlessui/react';
import { TrashIcon } from '@heroicons/react/outline';
import {
ChevronLeftIcon,
@@ -228,6 +228,7 @@ const UserList = () => {
<>
<PageTitle title={intl.formatMessage(messages.users)} />
<Transition
as="div"
enter="opacity-0 transition duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
@@ -256,6 +257,7 @@ const UserList = () => {
</Transition>
<Transition
as="div"
enter="opacity-0 transition duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
@@ -439,6 +441,7 @@ const UserList = () => {
</Transition>
<Transition
as="div"
enter="opacity-0 transition duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
@@ -459,6 +462,7 @@ const UserList = () => {
</Transition>
<Transition
as="div"
enter="opacity-0 transition duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"