sigit/sigit.io
7
2
Fork 0
Code Issues 51 Pull Requests 3 Actions Packages Projects 1 Releases Wiki Activity

fix(pdf): add proper default width value
All checks were successful
Open PR on Staging / audit_and_check (pull_request) Successful in 34s
Details

Browse Source
This commit is contained in:
enes 2024-08-27 17:28:18 +02:00
parent 923a47b4d0
commit a442e71087
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/hooks/useScale.tsx
View File

@ -6,10 +6,26 @@ const noScaleInit = {
from: (_: number, v: number) => v
}
const getInnerContentWidth = () => {
// Fetch the first container element we find
const element = document.querySelector('#content-preview')
if (element) {
const style = getComputedStyle(element)
// Calculate width without padding
const widthWithoutPadding =
element.clientWidth - parseFloat(style.padding) * 2
return widthWithoutPadding
}
// Default value
return 620
}
const useScaleImpl = () => {
const [width, setWidth] = useState(
document.querySelector('#content-preview > *')?.clientWidth || 1
)
const [width, setWidth] = useState(getInnerContentWidth())
// Get the scale based on the original width
const scale = (originalWidth: number) => {
@ -26,16 +42,11 @@ const useScaleImpl = () => {
return value * scale(originalWidth)
}
useEffect(() => {
const resize = () => {
// Fetch the first container element we find
const element = document.querySelector('#content-preview > *')
const resize = () => {
setWidth(getInnerContentWidth())
}
// Set the width state
if (element) {
setWidth(element.clientWidth)
}
}
useEffect(() => {
resize()
window.addEventListener('resize', resize)