feat: custom emoji

src/pages/secondary/GeneralSettingsPage/index.tsx

@@ -8,6 +8,7 @@ import { useContentPolicy } from '@/providers/ContentPolicyProvider'
 import { useTheme } from '@/providers/ThemeProvider'
 import { useUserTrust } from '@/providers/UserTrustProvider'
 import { SelectValue } from '@radix-ui/react-select'
+import { ExternalLink } from 'lucide-react'
 import { forwardRef, HTMLProps, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
@@ -81,6 +82,22 @@ const GeneralSettingsPage = forwardRef(({ index }: { index?: number }, ref) => {
           </Label>
           <Switch id="show-nsfw" checked={defaultShowNsfw} onCheckedChange={setDefaultShowNsfw} />
         </SettingItem>
+        <SettingItem>
+          <div>
+            <a
+              className="flex items-center gap-1 cursor-pointer hover:underline"
+              href="https://emojito.meme/browse"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              {t('Custom emoji management')}
+              <ExternalLink />
+            </a>
+            <div className="text-muted-foreground">
+              {t('After changing emojis, you may need to refresh the page')}
+            </div>
+          </div>
+        </SettingItem>
       </div>
     </SecondaryPageLayout>
   )