averello/chrysalis-mirror
1
0
Fork 0
mirror of https://github.com/keyboardio/Chrysalis.git synced 2026-02-28 19:07:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1018 from keyboardio/layout-selection/preview

Browse Source 
Preferences: Add a preview of the selected keyboard layout
This commit is contained in:
Jesse Vincent
2022-07-28 12:50:48 -04:00
committed by GitHub
parent a3578c87cd a135d31ae2
commit ff2ee9cfe0
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/screens/Preferences/ui/LayoutEditorPreferences.js
View File

@@ -19,12 +19,14 @@ import KeymapDB from "@api/focus/keymap/db";
import Autocomplete from "@mui/material/Autocomplete";
import Divider from "@mui/material/Divider";
import Paper from "@mui/material/Paper";
import Skeleton from "@mui/material/Skeleton";
import TextField from "@mui/material/TextField";
import React, { useState, useEffect } from "react";
import { useTranslation } from "react-i18next";
import Keyboard104 from "@renderer/screens/Editor/Keyboard104";
import PreferenceSection from "../components/PreferenceSection";
import PreferenceSwitch from "../components/PreferenceSwitch";
import PreferenceWithHeading from "../components/PreferenceWithHeading";
@@ -111,6 +113,9 @@ function LayoutEditorPreferences(props) {
<Skeleton variant="rectangular" />
)}
</PreferenceWithHeading>
<Paper variant="outlined" square sx={{ p: 2, mt: 1 }}>
<Keyboard104 onKeySelect={() => null} layout={layout} />
</Paper>
<Divider sx={{ my: 2, mx: -2 }} />
<PreferenceSwitch
loaded={loaded}