Fix reaction policy edit link

Streamfinity · May 23, 2024 · c4c0411 · c4c0411
1 parent 27f3c6f
commit c4c0411
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/locales/de.json b/locales/de.json
@@ -57,7 +57,8 @@
         "noReactionsYet": "Es gibt noch keine Reactions für dieses Video.",
         "title": "Reaction-Historie",
         "titleOwn": "Reactions auf dein Video",
-        "preview": "{{count}} Reactions"
+        "preview": "{{count}} Reactions",
+        "edit": "Eigene Policy bearbeiten"
     },
     "reactionPolicy": {
         "notSet": "Zu diesem Video ist keine Reaction-Policy festgelegt.",

diff --git a/locales/en.json b/locales/en.json
@@ -73,7 +73,8 @@
         "previewNone": "not set",
         "previewAllowed": "allowed",
         "previewNotAllowed": "not allowed",
-        "previewConditions": "conditions"
+        "previewConditions": "conditions",
+        "edit": "Edit your policy"
     },
     "settings": {
         "incognito": "Incognito Mode (don't track videos)",

diff --git a/src/entries/contentScript/components/ReactionPolicyNotice.jsx b/src/entries/contentScript/components/ReactionPolicyNotice.jsx
@@ -36,7 +36,11 @@ function prettyFormatCountdown(diff) {
 }
 
 function Notice({
-    title, description, preview = null, cardColor, className,
+    title,
+    description,
+    preview = null,
+    cardColor,
+    className,
 }) {
     const { t } = useTranslation();
     const { isOwnVideo } = useAuth();
@@ -54,19 +58,6 @@ function Notice({
                 'text-sm leading-normal',
             )}
         >
-            <div className="flex justify-between">
-                {isOwnVideo && (
-                    <a
-                        href={buildFrontendUrl('/dashboard/policy')}
-                        target="_blank"
-                        rel="noreferrer"
-                        className="hover:opacity-75"
-                    >
-                        <PencilSquareIcon className="size-8" />
-                    </a>
-                )}
-            </div>
-
             {title && (
                 <div className="mb-2">
                     {title}
@@ -78,6 +69,20 @@ function Notice({
                     {description}
                 </div>
             )}
+
+            <div className="mt-3 text-xs font-medium">
+                {isOwnVideo && (
+                    <a
+                        href={buildFrontendUrl('/dashboard/policy')}
+                        target="_blank"
+                        rel="noreferrer"
+                        className="transition-opacity hover:opacity-75"
+                    >
+                        {t('reactionPolicy.edit')}
+                    </a>
+                )}
+            </div>
+
         </Card>
     );
 }