diff --git a/src/components/Discover/index.tsx b/src/components/Discover/index.tsx
index 31eaa915..14927c7b 100644
--- a/src/components/Discover/index.tsx
+++ b/src/components/Discover/index.tsx
@@ -17,6 +17,7 @@ import MediaSlider from '@app/components/MediaSlider';
import { encodeURIExtraParams } from '@app/hooks/useSearchInput';
import { Permission, useUser } from '@app/hooks/useUser';
import globalMessages from '@app/i18n/globalMessages';
+import { Transition } from '@headlessui/react';
import {
ArrowDownOnSquareIcon,
ArrowPathIcon,
@@ -117,70 +118,85 @@ const Discover = () => {
{hasPermission(Permission.ADMIN) && (
<>
- {isEditing ? (
- <>
-
-
-
- resetSliders()}
- confirmText={intl.formatMessage(globalMessages.areyousure)}
- >
-
- {intl.formatMessage(messages.resettodefault)}
-
-
-
+ {isEditing && (
+
+
+
+
+ {intl.formatMessage(messages.createnewslider)}
+
-
-
-
-
- {intl.formatMessage(messages.createnewslider)}
-
-
-
-
{
- const newSliders = await mutate();
+
+ {
+ const newSliders = await mutate();
- if (newSliders) {
- setSliders(newSliders);
- }
- }}
- />
-
+ if (newSliders) {
+ setSliders(newSliders);
+ }
+ }}
+ />
- >
- ) : (
-
-
-
-
)}
+
+
+
+
+
+
+ resetSliders()}
+ confirmText={intl.formatMessage(globalMessages.areyousure)}
+ className="w-full sm:w-auto"
+ >
+
+ {intl.formatMessage(messages.resettodefault)}
+
+
+
+
>
)}
{(isEditing ? sliders : discoverData)?.map((slider, index) => {