Open Metrics
+-
+
(Rough) Roadmap
-(Rough) Roadmap
+-
- {roadmap.map((feature, index) => {
- const isDone = feature.status === "done";
- const isInProgress = feature.status === "in-progress";
- return (
-
-
- - {index !== roadmap.length - 1 ? ( ++
-
+ {roadmap.map((feature, index) => {
+ const isDone = feature.status === "done";
+ const isInProgress = feature.status === "in-progress";
+ return (
+
-
+ + {index !== roadmap.length - 1 ? ( + + ) : null} +++ + ); + })} +- ) : null} -+-- - ); - })} - -- - {isDone ? ( - - - ) : isInProgress ? ( - - ) : ( - - )} ---+-+ className={clsx( + isDone + ? "bg-green-500" + : isInProgress + ? "bg-yellow-500" + : "bg-gray-400", + "h-8 w-8 rounded-full flex items-center justify-center ring-8 ring-white", + )} + > {isDone ? ( -
- {feature.name} -
-- -- ) : null} + + ) : isInProgress ? ( + + ) : ( + + )} + ++++ {isDone ? ( ++ {feature.name} +
+ ++ ) : null}
-
+