@beemafrica/ui 0.1.11 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/ticket.tsx +15 -11
package/package.json
CHANGED
|
@@ -75,12 +75,12 @@ function Ticket({
|
|
|
75
75
|
className={cn(
|
|
76
76
|
container_background,
|
|
77
77
|
border,
|
|
78
|
-
"
|
|
78
|
+
"flex cursor-pointer flex-col gap-3 rounded-[12px] border px-4 py-3.5 shadow-sm"
|
|
79
79
|
)}
|
|
80
80
|
>
|
|
81
81
|
<button type="button" onClick={click} className="w-full text-left">
|
|
82
|
-
<div className="flex flex-row items-center justify-between">
|
|
83
|
-
<div className="flex flex-
|
|
82
|
+
<div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
|
|
83
|
+
<div className="flex flex-wrap items-center gap-1.5">
|
|
84
84
|
<Avatar
|
|
85
85
|
className={cn(
|
|
86
86
|
avatar_background,
|
|
@@ -90,7 +90,7 @@ function Ticket({
|
|
|
90
90
|
<AvatarFallback
|
|
91
91
|
className={cn(
|
|
92
92
|
avatar_background,
|
|
93
|
-
"leading-1 flex size-full items-center justify-center text-[12px] text-white
|
|
93
|
+
"leading-1 flex size-full items-center justify-center text-[12px] font-semibold text-white"
|
|
94
94
|
)}
|
|
95
95
|
delayMs={600}
|
|
96
96
|
>
|
|
@@ -103,15 +103,20 @@ function Ticket({
|
|
|
103
103
|
className={cn(
|
|
104
104
|
pill_background,
|
|
105
105
|
pill_text_color,
|
|
106
|
-
"
|
|
106
|
+
"rounded-[9999px] px-[10px] py-[3px] text-xs"
|
|
107
107
|
)}
|
|
108
108
|
>
|
|
109
109
|
{ticket_type}
|
|
110
110
|
</p>
|
|
111
|
-
<
|
|
111
|
+
<span className="flex items-center gap-1">
|
|
112
|
+
<small className="text-[#6b7bbd]">view full email</small>
|
|
113
|
+
<ExternalLink size="12px" className="text-[#6B7B8D]" />
|
|
114
|
+
</span>
|
|
112
115
|
</div>
|
|
113
116
|
|
|
114
|
-
{time &&
|
|
117
|
+
{time && (
|
|
118
|
+
<p className="shrink-0 text-[11.5px] text-[#98A9B8]">{time}</p>
|
|
119
|
+
)}
|
|
115
120
|
</div>
|
|
116
121
|
</button>
|
|
117
122
|
|
|
@@ -122,18 +127,17 @@ function Ticket({
|
|
|
122
127
|
<CollapsibleTrigger asChild>
|
|
123
128
|
<Button
|
|
124
129
|
variant="ghost"
|
|
125
|
-
className="group w-full hover:bg-transparent hover:text-inherit data-[state=open]:bg-transparent
|
|
130
|
+
className="group -ml-4 w-full justify-start hover:bg-transparent hover:text-inherit data-[state=open]:bg-transparent"
|
|
126
131
|
>
|
|
127
132
|
<ChevronRightIcon className="group-data-[state=open]:rotate-90" />
|
|
128
133
|
Product details
|
|
129
134
|
</Button>
|
|
130
135
|
</CollapsibleTrigger>
|
|
131
|
-
<CollapsibleContent className="
|
|
136
|
+
<CollapsibleContent className="scrollbar scrollbar-thin scrollbar-thumb-rounded-full scrollbar-track-rounded-full flex max-h-[150px] flex-col items-start gap-2 overflow-y-auto p-2.5 pt-0 text-sm">
|
|
132
137
|
{history.map((hs, index) => {
|
|
133
138
|
return (
|
|
134
139
|
// biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
|
|
135
|
-
<div key={index}
|
|
136
|
-
{" "}
|
|
140
|
+
<div key={index}>
|
|
137
141
|
<div>{hs.label}</div>
|
|
138
142
|
<div>{hs.value}</div>
|
|
139
143
|
</div>
|