11import React from 'react' ;
22import PropTypes from 'prop-types' ;
3- import { ViewGridAddIcon , CogIcon , XIcon } from '@heroicons/react/outline' ;
3+ import { SquaresPlusIcon , CogIcon , XMarkIcon } from '@heroicons/react/24 /outline' ;
44
55import { classNames } from '@/util/classNames' ;
66
@@ -15,82 +15,80 @@ export default function ColumnOne(props) {
1515 } = props ;
1616
1717 return (
18- < >
19- < div className = { classNames ( ! ishidden ? 'hidden' : '' , 'relative first:mt-0 pb-12 border bg-white border-gray-200 rounded shadow-sm overflow-hidden group' ) } >
18+ < div className = { classNames ( ! ishidden ? 'hidden' : '' , 'relative first:mt-0 pb-12 border bg-white border-gray-200 rounded shadow-sm overflow-hidden group' ) } >
2019
21- < div className = "bg-gray-200 rounded-t text-center text-gray-600 relative overflow-hidden" >
22- < div className = "bg-gray-200 z-50 rounded-t overflow-hidden" >
23- < div className = "flex items-center" >
24- < div className = "ml-4 h-8 flex justify-center items-center text-xxs uppercase tracking-wider font-bold leading-3 truncate" >
25- Bible
26- </ div >
27-
28- < div className = "flex bg-gray-300 absolute h-full -right-0 rounded-tr invisible group-hover:visible" >
29- < button type = "button" >
30- < CogIcon className = "mx-3 h-5 w-5 text-gray-800" />
31- </ button >
32-
33- < button
34- type = "button"
35- onClick = { expandRow }
36- >
37- < img
38- className = "px-2 py-2"
39- src = "/illustrations/minimize.svg"
40- alt = ""
41- />
42- </ button >
43-
44- < button
45- type = "button"
46- onClick = { removeRow }
47- >
48- < XIcon className = "mx-3 h-5 w-5 text-gray-800" />
49- </ button >
50- </ div >
20+ < div className = "bg-gray-200 rounded-t text-center text-gray-600 relative overflow-hidden" >
21+ < div className = "bg-gray-200 z-50 rounded-t overflow-hidden" >
22+ < div className = "flex items-center" >
23+ < div className = "ml-4 h-8 flex justify-center items-center text-xxs uppercase tracking-wider font-bold leading-3 truncate" >
24+ Bible
5125 </ div >
52- </ div >
53- </ div >
5426
55- < div className = "prose-sm p-4 text-xl h-full overflow-y-scroll no-scrollbars" >
27+ < div className = "flex bg-gray-300 absolute h-full -right-0 rounded-tr invisible group-hover:visible" >
28+ < button type = "button" >
29+ < CogIcon className = "mx-3 h-5 w-5 text-gray-800" />
30+ </ button >
5631
57- < div className = "w-full" >
58- < h1 > asf</ h1 >
59- < h1 > asf</ h1 >
60- < h1 > asf</ h1 >
61- < h1 > asf</ h1 >
62- < h1 > asf</ h1 >
63- < h1 > asf</ h1 >
64- < h1 > asf</ h1 >
65- </ div >
32+ < button
33+ type = "button"
34+ onClick = { expandRow }
35+ >
36+ < img
37+ className = "px-2 py-2"
38+ src = "/illustrations/minimize.svg"
39+ alt = ""
40+ />
41+ </ button >
6642
67- < div className = "w-full h-full flex items-center justify-center" >
68- < div className = "text-center" >
69- < div className = "text-xs uppercase pb-4" >
70- Load a Module
71- { rowCount }
72- </ div >
7343 < button
7444 type = "button"
75- className = "p-4 bg-gray-200 rounded-lg ring-offset-1"
45+ onClick = { removeRow }
7646 >
77- < ViewGridAddIcon className = "h-5 w-5" aria-hidden = "true " />
47+ < XMarkIcon className = "mx-3 h-5 w-5 text-gray-800 " />
7848 </ button >
7949 </ div >
8050 </ div >
51+ </ div >
52+ </ div >
8153
54+ < div className = "prose-sm p-4 text-xl h-full overflow-y-scroll no-scrollbars" >
55+
56+ < div className = "w-full" >
57+ < h1 > asf</ h1 >
58+ < h1 > asf</ h1 >
59+ < h1 > asf</ h1 >
60+ < h1 > asf</ h1 >
61+ < h1 > asf</ h1 >
62+ < h1 > asf</ h1 >
63+ < h1 > asf</ h1 >
8264 </ div >
8365
84- < button
85- type = "button"
86- onClick = { addRow }
87- className = "absolute p-2 bg-primary rounded bottom-0 -right-0 invisible group-hover:visible group-last:hidden"
88- >
89- < ViewGridAddIcon className = "h-6 w-6 text-white" aria-hidden = "true" />
90- </ button >
66+ < div className = "w-full h-full flex items-center justify-center" >
67+ < div className = "text-center" >
68+ < div className = "text-xs uppercase pb-4" >
69+ Load a Module
70+ { rowCount }
71+ </ div >
72+ < button
73+ type = "button"
74+ className = "p-4 bg-gray-200 rounded-lg ring-offset-1"
75+ >
76+ < SquaresPlusIcon className = "h-5 w-5" aria-hidden = "true" />
77+ </ button >
78+ </ div >
79+ </ div >
9180
9281 </ div >
93- </ >
82+
83+ < button
84+ type = "button"
85+ onClick = { addRow }
86+ className = "absolute p-2 bg-primary rounded bottom-0 -right-0 invisible group-hover:visible group-last:hidden"
87+ >
88+ < SquaresPlusIcon className = "h-6 w-6 text-white" aria-hidden = "true" />
89+ </ button >
90+
91+ </ div >
9492 ) ;
9593}
9694
0 commit comments