= ({ data, index, fullArr, themeName }) => {
+ modal?: boolean;
+}> = ({ data, index, fullArr, themeName, modal = false }) => {
const { selectedPreset } = useCssLoaderState();
const [selectedIndex, setIndex] = useState(data.options.indexOf(data.value));
@@ -54,7 +55,7 @@ export const ThemePatch: VFC<{
}
min={0}
max={data.options.length - 1}
value={selectedIndex}
@@ -81,7 +82,7 @@ export const ThemePatch: VFC<{
}
checked={data.value === "Yes"}
onChange={(bool) => {
const newValue = bool ? "Yes" : "No";
@@ -101,7 +102,7 @@ export const ThemePatch: VFC<{
}
menuLabel={`${data.name}`}
rgOptions={data.options.map((x, i) => {
return { data: i, label: x };
@@ -122,8 +123,11 @@ export const ThemePatch: VFC<{
return (
<>
- {/* For some reason spans by default have a gray color, so I manually set it to the same white as the other titles */}
- ↳ {data.name}
+ {modal ? (
+ {data.name}
+ ) : (
+
+ )}
@@ -132,3 +136,16 @@ export const ThemePatch: VFC<{
return null;
}
};
+
+const PatchLabel = ({ name }: { name: string }) => {
+ return (
+
+ {name}
+
+ );
+};
diff --git a/src/components/ThemeSettings/FullscreenSingleThemeEntry.tsx b/src/components/ThemeSettings/FullscreenSingleThemeEntry.tsx
index 1b015ec..7b3ec10 100644
--- a/src/components/ThemeSettings/FullscreenSingleThemeEntry.tsx
+++ b/src/components/ThemeSettings/FullscreenSingleThemeEntry.tsx
@@ -3,10 +3,10 @@ import { LocalThemeStatus, Theme } from "../../ThemeTypes";
import { useCssLoaderState } from "../../state";
import * as python from "../../python";
import { ImCog } from "react-icons/im";
-import { AiFillEye, AiOutlineEyeInvisible } from "react-icons/ai";
import { toggleTheme } from "../../backend/backendHelpers/toggleTheme";
import { ThemeSettingsModalRoot } from "../Modals/ThemeSettingsModal";
-import { FaTrash } from "react-icons/fa";
+import { FaEye, FaEyeSlash, FaTrash } from "react-icons/fa";
+import { BsGearFill } from "react-icons/bs";
export function FullscreenSingleThemeEntry({
data: e,
@@ -94,9 +94,9 @@ export function FullscreenSingleThemeEntry({
}}
>
{isPinned ? (
-
+
) : (
-
+
)}
);
}}
>
-
+