From 89235726e8011cda96c3e2d1371e3a6a73172416 Mon Sep 17 00:00:00 2001
From: Chris Beer <chris@cbeer.info>
Date: Tue, 19 Dec 2023 15:57:31 -0800
Subject: [PATCH] Name Window slots
---
src/components/Window.js | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/components/Window.js b/src/components/Window.js
index 2d654afd6..4610fb6cf 100644
--- a/src/components/Window.js
+++ b/src/components/Window.js
@@ -26,7 +26,7 @@ const columnMixin = {
minHeight: 0,
};
-const Root = styled(Paper)(({ ownerState, theme }) => ({
+const Root = styled(Paper, { name: 'Window', slot: 'root' })(({ ownerState, theme }) => ({
...columnMixin,
backgroundColor: theme.palette.shades?.dark,
borderRadius: 0,
@@ -41,27 +41,27 @@ const Root = styled(Paper)(({ ownerState, theme }) => ({
}),
}));
-const ContentRow = styled('div')(() => ({
+const ContentRow = styled('div', { name: 'Window', slot: 'row' })(() => ({
...rowMixin,
}));
-const ContentColumn = styled('div')(() => ({
+const ContentColumn = styled('div', { name: 'Window', slot: 'column' })(() => ({
...columnMixin,
}));
-const StyledPrimaryWindow = styled(PrimaryWindow)(() => ({
+const StyledPrimaryWindow = styled(PrimaryWindow, { name: 'Window', slot: 'primary' })(() => ({
...rowMixin,
height: '300px',
position: 'relative',
}));
-const StyledCompanionAreaBottom = styled(CompanionArea)(() => ({
+const StyledCompanionAreaBottom = styled(CompanionArea, { name: 'Window', slot: 'bottom' })(() => ({
...rowMixin,
flex: '0',
flexBasis: 'auto',
}));
-const StyledCompanionAreaRight = styled('div')(() => ({
+const StyledCompanionAreaRight = styled('div', { name: 'Window', slot: 'right' })(() => ({
...rowMixin,
flex: '0 1 auto',
}));
--
GitLab