mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
fix: don't show canvasBackground
label when UIOptions.canvasActions.changeViewBackgroundColor
is false (#6781)
* fix(components/main-menu): not show canvasBackground
* chore(components/main-menu): add data-testid attr to canvasBackground label
* test(tests/packages/excalidraw): check whether canvasbackground label is rendered when changeviewbackground is false
* test: update snapshots
* fix(tests/packages/excalidraw): change to lowercase canvas background test id
* change to pull request target for size-limit
* Revert "change to pull request target for size-limit"
This reverts commit baf1ca2677
.
* Add test
---------
Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
This commit is contained in:
parent
e57dc405fa
commit
d36c72c435
4 changed files with 33 additions and 3 deletions
|
@ -4,6 +4,7 @@ import {
|
|||
useExcalidrawSetAppState,
|
||||
useExcalidrawActionManager,
|
||||
useExcalidrawElements,
|
||||
useAppProps,
|
||||
} from "../App";
|
||||
import {
|
||||
ExportIcon,
|
||||
|
@ -198,13 +199,20 @@ export const ChangeCanvasBackground = () => {
|
|||
const { t } = useI18n();
|
||||
const appState = useUIAppState();
|
||||
const actionManager = useExcalidrawActionManager();
|
||||
const appProps = useAppProps();
|
||||
|
||||
if (appState.viewModeEnabled) {
|
||||
if (
|
||||
appState.viewModeEnabled ||
|
||||
!appProps.UIOptions.canvasActions.changeViewBackgroundColor
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
<div style={{ marginTop: "0.5rem" }}>
|
||||
<div style={{ fontSize: ".75rem", marginBottom: ".5rem" }}>
|
||||
<div
|
||||
data-testid="canvas-background-label"
|
||||
style={{ fontSize: ".75rem", marginBottom: ".5rem" }}
|
||||
>
|
||||
{t("labels.canvasBackground")}
|
||||
</div>
|
||||
<div style={{ padding: "0 0.625rem" }}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue