@orangecheck/design 0.30.0 → 0.30.1

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.
@@ -231,14 +231,22 @@ function OcErrorPage({
231
231
  ] }),
232
232
  shownActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 border", children: [
233
233
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b px-4 py-2 font-mono text-[11px] tracking-widest uppercase", children: "what can you do" }),
234
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-4 py-2", children: [
235
- ">> ",
236
- a
237
- ] }, a)) })
234
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a, i) => (
235
+ // Index keys: items are nodes and the list is
236
+ // static per variant, so there is nothing
237
+ // better to key on and nothing reorders.
238
+ /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-4 py-2", children: [
239
+ ">> ",
240
+ a
241
+ ] }, i)
242
+ )) })
238
243
  ] }),
239
244
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex flex-wrap gap-3", children: [
240
- /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: homeHref, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" }) }) }),
241
- /* @__PURE__ */ jsxRuntime.jsx(
245
+ /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsxRuntime.jsxs(Link7__default.default, { href: homeHref, children: [
246
+ /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "mr-2 h-3 w-3" }),
247
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" })
248
+ ] }) }),
249
+ /* @__PURE__ */ jsxRuntime.jsxs(
242
250
  Button,
243
251
  {
244
252
  variant: "outline",
@@ -248,7 +256,10 @@ function OcErrorPage({
248
256
  else window.history.back();
249
257
  },
250
258
  className: "font-mono",
251
- children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
259
+ children: [
260
+ isServerError ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "mr-2 h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-2 h-3 w-3" }),
261
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
262
+ ]
252
263
  }
253
264
  )
254
265
  ] }),