@@ -4,20 +4,6 @@ import {
4
4
GridItem ,
5
5
GridCourseTitle ,
6
6
} from "pcx-shared-components/src/common/layout" ;
7
- import { P } from "../common/common" ;
8
- import ToggleSwitch from "../common/ToggleSwitch" ;
9
- import { AlertAction , SectionStatus } from "../../types" ;
10
- import { Img } from "../common/common" ;
11
- import { configureScope } from "@sentry/browser" ;
12
- import { Flex } from "pcx-shared-components/src/common/layout" ;
13
-
14
- const GridTitle = styled . div `
15
- color: #282828;
16
- font-size: 1rem;
17
- font-family: "Inter", sans-serif;
18
- font-weight: bold;
19
- padding-top: 0.5rem;
20
- ` ;
21
7
22
8
const GridSubtitle = styled . div `
23
9
color: #282828;
@@ -28,18 +14,6 @@ const GridSubtitle = styled.div`
28
14
white-space: nowrap;
29
15
` ;
30
16
31
- const TrashImg = styled ( Img ) `
32
- cursor: pointer;
33
- opacity: 75%;
34
-
35
- &:hover {
36
- opacity: 100%;
37
- }
38
- &:active {
39
- transform: translateY(0.1rem);
40
- }
41
- ` ;
42
-
43
17
// Component for an alert entry (renders as a row in CSS grid)
44
18
interface AlertHeaderProps {
45
19
course : string ;
@@ -51,64 +25,17 @@ export const AlertHeader = ({ course, rownum }: AlertHeaderProps) => {
51
25
< GridCourseTitle column = { 1 } valign border >
52
26
< GridSubtitle > { course . toUpperCase ( ) } </ GridSubtitle >
53
27
</ GridCourseTitle >
54
-
55
28
{ /* used to make sure grid line goes to end */ }
56
- < GridItem
57
- column = { 2 }
58
- row = { rownum }
59
- border
60
- halign
61
- valign
62
- talign
63
- > </ GridItem >
64
- < GridItem
65
- column = { 3 }
66
- row = { rownum }
67
- border
68
- halign
69
- valign
70
- talign
71
- > </ GridItem >
72
- < GridItem
73
- column = { 4 }
74
- row = { rownum }
75
- border
76
- halign
77
- valign
78
- talign
79
- > </ GridItem >
80
- < GridItem
81
- column = { 5 }
82
- row = { rownum }
83
- border
84
- halign
85
- valign
86
- talign
87
- > </ GridItem >
88
- < GridItem
89
- column = { 6 }
90
- row = { rownum }
91
- border
92
- halign
93
- valign
94
- talign
95
- > </ GridItem >
96
- < GridItem
97
- column = { 7 }
98
- row = { rownum }
99
- border
100
- halign
101
- valign
102
- talign
103
- > </ GridItem >
104
- < GridItem
105
- column = { 8 }
106
- row = { rownum }
107
- border
108
- halign
109
- valign
110
- talign
111
- > </ GridItem >
29
+ { Array . from ( { length : 7 } , ( _ , index ) => (
30
+ < GridItem
31
+ column = { index + 2 }
32
+ row = { rownum }
33
+ border
34
+ halign
35
+ valign
36
+ talign
37
+ />
38
+ ) ) }
112
39
</ >
113
40
) ;
114
41
} ;
0 commit comments