YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: add beta badge

Browse Source
This commit is contained in:
Steven
2022-08-19 22:08:47 +08:00
parent 2f33eceada
commit dd04bc9e1d
4 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/BetaBadge.tsx Normal file
View File

@ -0,0 +1,13 @@
import "../less/beta-badge.less";
interface Props {
className?: string;
}
const BetaBadge: React.FC<Props> = (props: Props) => {
const { className } = props;
return <span className={`beta-badge ${className ?? ""}`}>beta</span>;
};
export default BetaBadge;

4
web/src/components/Settings/PreferencesSection.tsx
View File

@ -2,6 +2,7 @@ import { globalService, userService } from "../../services";
import { useAppSelector } from "../../store"; import { useAppSelector } from "../../store";
import { VISIBILITY_SELECTOR_ITEMS } from "../../helpers/consts"; import { VISIBILITY_SELECTOR_ITEMS } from "../../helpers/consts";
import useI18n from "../../hooks/useI18n"; import useI18n from "../../hooks/useI18n";
import BetaBadge from "../BetaBadge";
import Selector from "../common/Selector"; import Selector from "../common/Selector";
import "../../less/settings/preferences-section.less"; import "../../less/settings/preferences-section.less";
@ -36,11 +37,12 @@ const PreferencesSection: React.FC<Props> = () => {
<label className="form-label"> <label className="form-label">
<span className="normal-text">{t("common.language")}:</span> <span className="normal-text">{t("common.language")}:</span>
<Selector className="ml-2 w-28" value={setting.locale} dataSource={localeSelectorItems} handleValueChanged={handleLocaleChanged} /> <Selector className="ml-2 w-28" value={setting.locale} dataSource={localeSelectorItems} handleValueChanged={handleLocaleChanged} />
<BetaBadge className="ml-2" />
</label> </label>
<label className="form-label"> <label className="form-label">
<span className="normal-text">{t("setting.preference-section.default-memo-visibility")}:</span> <span className="normal-text">{t("setting.preference-section.default-memo-visibility")}:</span>
<Selector <Selector
className="ml-2 w-28" className="ml-2 w-32"
value={setting.memoVisibility} value={setting.memoVisibility}
dataSource={VISIBILITY_SELECTOR_ITEMS} dataSource={VISIBILITY_SELECTOR_ITEMS}
handleValueChanged={handleDefaultMemoVisibilityChanged} handleValueChanged={handleDefaultMemoVisibilityChanged}

3
web/src/less/beta-badge.less Normal file
View File

@ -0,0 +1,3 @@
.beta-badge {
@apply px-2 text-xs border rounded-lg text-gray-400;
}

9
web/src/less/settings/preferences-section.less
View File

@ -1,12 +1,11 @@
@import "../mixin.less"; @import "../mixin.less";
.preferences-section-container { .preferences-section-container {
> .btns-container { > .form-label {
.flex(row, flex-start, center); @apply mb-2;
@apply w-full;
> .btn { > .normal-text {
@apply border text-sm py-1 px-3 mr-2 rounded leading-6 shadow hover:opacity-80; @apply mr-2 text-sm;
} }
} }
} }