qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add Thumbnail list component

Browse Source
This commit is contained in:
yoosangwook 2024-08-14 13:15:40 +09:00
parent 09cfbab009
commit bd2331b49d
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Roof2.jsx
View File

@ -18,6 +18,7 @@ import { QLine } from '@/components/fabric/QLine'
import { getCanvasState, insertCanvasState } from '@/lib/canvas' import { getCanvasState, insertCanvasState } from '@/lib/canvas'
import { calculateIntersection } from '@/util/canvas-util' import { calculateIntersection } from '@/util/canvas-util'
import { QPolygon } from '@/components/fabric/QPolygon' import { QPolygon } from '@/components/fabric/QPolygon'
import ThumbnailLIst from './ui/ThumbnailLIst'
export default function Roof2() { export default function Roof2() {
const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas') const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas')
@ -690,6 +691,7 @@ export default function Roof2() {
</div> </div>
</> </>
)} )}
<ThumbnailLIst />
<div className="flex justify-start my-8 mx-2 w-full"> <div className="flex justify-start my-8 mx-2 w-full">
<canvas id="canvas" style={{ border: '1px solid black' }} /> <canvas id="canvas" style={{ border: '1px solid black' }} />
</div> </div>

3
src/components/ui/ThumbnailLIst.jsx Normal file
View File

@ -0,0 +1,3 @@
export default function ThumbnailLIst() {
return <div className="flex justify-center m-4 w-full">thumbnails</div>
}