andras/floor-planner
Watch
1
0
Fork
You've already forked floor-planner
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

..

Browse source
This commit is contained in:
Andras Schmelczer 2026-09-11 16:58:58 +01:00
commit 62a385e4c9
33 changed files with 2649 additions and 809 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/CutPreview.tsx
View file

@ -1,7 +1,7 @@
import { Fragment } from 'react';
import type { FlooringPiece, SkirtingPiece } from '../lib/types';
import { cutMm, degree } from '../lib/format';
import {
exactMm,
dimensionedOutline,
flooringTemplate,
fullPreviewBox,
@ -93,7 +93,7 @@ function Dimensions({ dimensions, font }: { dimensions: EdgeDimension[]; font: n
{dimension.text}
</tspan>{' '}
<tspan x={dimension.label.x} dy={font * 1.2}>
{exactMm(dimension.angle)}°
{degree(dimension.angle)}
</tspan>
</>
)}
@ -137,7 +137,7 @@ export function FlooringPreview({
</svg>
{!compact && (
<figcaption>
{exactMm(piece.length)} × {exactMm(piece.width)} mm
{cutMm(piece.length)} × {cutMm(piece.width)} mm
{dimensions?.dimensions.some((dimension) => dimension.angle !== undefined) &&
' · angles from horizontal'}
</figcaption>
@ -198,7 +198,7 @@ export function SkirtingPreview({
<Dimensions dimensions={dimensions!.dimensions} font={dimensions!.font} />
</svg>
<figcaption>
{exactMm(piece.length)} × {exactMm(thickness)} mm · wall side above
{cutMm(piece.length)} × {cutMm(thickness)} mm · wall side above
</figcaption>
</figure>
)}
@ -242,7 +242,7 @@ export function SkirtingPreview({
{!compact && (
<figcaption>
{index === 0 ? 'Left' : 'Right'} ·{' '}
{exactMm(Math.abs(index === 0 ? piece.leftMitre : piece.rightMitre))}°{' '}
{degree(index === 0 ? piece.leftMitre : piece.rightMitre)}{' '}
{index === 0 ? piece.leftType : piece.rightType}
</figcaption>
)}