diff --git a/CHANGELOG.md b/CHANGELOG.md index 74b1a2a..ff1f4b6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +## [0.13.1](https://github.com/XYShaoKang/refined-leetcode/compare/v0.13.0...v0.13.1) (2023-10-14) + + +### Bug Fixes + +* **problems:** 添加提示 ([fea4829](https://github.com/XYShaoKang/refined-leetcode/commit/fea4829540a56072330801e8328a78021cd7b5cf)) + # [0.13.0](https://github.com/XYShaoKang/refined-leetcode/compare/v0.12.22...v0.13.0) (2023-10-14) diff --git a/package.json b/package.json index 074e4c6..5f6e14a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "refined-leetcode", - "version": "0.13.0", + "version": "0.13.1", "main": "index.js", "author": "XYShaoKang", "license": "MIT", diff --git a/src/content/App.tsx b/src/content/App.tsx index f9e1077..bd50b88 100644 --- a/src/content/App.tsx +++ b/src/content/App.tsx @@ -8,7 +8,7 @@ import ShortcutKeyOption from './pages/problems/ShortcutKeyOption' import Problemset from './pages/problemset/App' import ProblemList from './pages/problem-list/App' import { customEventDispatch } from './utils' -import { OptimizedContestProblemsPage } from '@/pages/problems/OptimizedContestProblemsPage' +import OptimizedContestProblemsPage from '@/pages/problems/OptimizedContestProblemsPage' const App: FC = () => { customEventDispatch('refinedLeetcodeGetOptions') diff --git a/src/content/pages/problems/OptimizedContestProblemsPage.tsx b/src/content/pages/problems/OptimizedContestProblemsPage.tsx index 3caa03c..2e9259a 100644 --- a/src/content/pages/problems/OptimizedContestProblemsPage.tsx +++ b/src/content/pages/problems/OptimizedContestProblemsPage.tsx @@ -1,5 +1,5 @@ import { createGlobalStyle } from 'styled-components/macro' -import { useAppDispatch, useAppSelector } from '@/hooks' +import { useAppDispatch, useAppSelector, useEffectMount } from '@/hooks' import { useCallback, useEffect, useState } from 'react' import { selectOptions, @@ -7,6 +7,8 @@ import { } from '@/pages/global/optionsSlice' import { Portal } from '@/components/Portal' import { withPage } from '@/hoc' +import { findElement } from '@/utils' +import { HelpIcon } from '@/components/icons' const GlobalStyle = createGlobalStyle` body { @@ -109,7 +111,35 @@ const Variables = createGlobalStyle<{ } ` -export const OptimizedContestProblemsPage = (): JSX.Element => { +const FeatureTips = () => { + const [root, setRoot] = useState(null) + + useEffectMount(async state => { + const languageSelectWrapper = await findElement('.language-select-wrapper') + if (!state.isMount) return + const root = document.createElement('div') + root.style.margin = '15px 0' + const control = languageSelectWrapper.parentElement?.parentElement + if (control) { + control.parentElement?.insertBefore(root, control) + } + setRoot(root) + state.unmount.push(() => root.remove()) + }, []) + + if (!root) return null + + return ( + +

+ 提示：此布局由 Refined LeetCode + 扩展提供，如需关闭，可以在扩展的配置选项中关闭。 +

+ + ) +} + +const OptimizedContestProblemsPage = (): JSX.Element => { const options = useAppSelector(selectOptions) const dispatch = useAppDispatch() @@ -196,6 +226,7 @@ export const OptimizedContestProblemsPage = (): JSX.Element => { return ( <> {modifyPageLayout && } + {modifyPageLayout && } pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: