chore(subscriptions-ui): some cosmetic changes

examples/src/index.css

@@ -5,7 +5,7 @@
 
   color-scheme: light dark;
   color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+  background-color: #FFFFFF;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -14,6 +14,34 @@
   -webkit-text-size-adjust: 100%;
 }
 
+h1 {
+  margin-block-start: 0.67em;
+  margin-block-end: 0.67em;
+  letter-spacing: normal;
+}
+
+h2 {
+  font-size: 1.5em;
+  margin-block-start: 0.83em;
+  margin-block-end: 0.83em;
+  font-weight: bold;
+  letter-spacing: normal;
+}
+
+p {
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  /*margin-top: 5px;*/
+}
+
+.nextui-c-fdHeMm-ijhyEcc-css {
+  padding: 0px;
+}
+
+.ant-timeline .ant-timeline-item-tail {
+  inset-block-start: 16px;
+}
+
 a {
   font-weight: 500;
   color: #646cff;

examples/src/main.tsx

@@ -1,52 +1,52 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 
-import { App as QuerySample } from "../aidbox-querying/src/app";
-import { App as SubsSample } from "../aidbox-subscription/frontend/app";
-import { App as Phr } from "../personal-health-record/src/app";
+import { App as QuerySample } from '../aidbox-querying/src/app'
+import { App as SubsSample } from '../aidbox-subscription/frontend/app'
+import { App as Phr } from '../personal-health-record/src/app'
 
-import App from "./App";
-import "./index.css";
-import { Layout } from "./Layout";
+import App from './App'
+import './index.css'
+import { Layout } from './Layout'
 
 const router = createBrowserRouter([
   {
-    path: "/",
+    path: '/',
     element: (
       <Layout>
         <App />
       </Layout>
-    ),
+    )
   },
   {
-    path: "phr",
+    path: 'phr',
     element: (
       <Layout>
         <Phr />
       </Layout>
-    ),
+    )
   },
   {
-    path: "complex-query",
+    path: 'complex-query',
     element: (
       <Layout>
         <QuerySample />
       </Layout>
-    ),
+    )
   },
   {
-    path: "subscriptions",
+    path: 'subscriptions',
     element: (
       <Layout>
         <SubsSample />
       </Layout>
-    ),
-  },
-]);
+    )
+  }
+])
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <RouterProvider router={router} />
   </React.StrictMode>
-);
+)

examples/vite.config.ts

@@ -1,13 +1,13 @@
-import react from "@vitejs/plugin-react";
-import { defineConfig } from "vite";
-import svgr from "vite-plugin-svgr";
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+import svgr from 'vite-plugin-svgr'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
     svgr({
-      exportAsDefault: true,
-    }),
-  ],
-});
+      exportAsDefault: true
+    })
+  ]
+})

examples/zen-project/zrc/appointment-trigger.edn

@@ -4,7 +4,8 @@
 
  on-appointment
  {:zen/tags    #{awf.subscription-trigger/rule}
-  :select-by    [{:get-in [:resourceType] :comparator :eq :value "Appointment"}]
+  :select-by    [{:get-in [:resourceType] :comparator :eq :value "Appointment"}
+                 {:get-in [:status] :comparator :eq :value "booked"}]
   :workflow-request {:definition notification/appointment-created
                      :params {:id (get-in [:id])}}}