1/** @jsxImportSource https://esm.sh/react */
2import { createFalClient } from "https://esm.sh/@fal-ai/client";
3import React, { useEffect, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6const swiftEras = [
215 };
216
217 const generateImage = async (e?: React.FormEvent) => {
218 e?.preventDefault();
219 setLoading(true);
3This val can be used in other vals to send notifications to a segment using [OneSignal's REST API](https://documentation.onesignal.com/reference/create-notification)
4
5This is really handy if you want to send push notifications to your phone without building a native app! I built a barebones React PWA that asks for a password then loads the OneSignal Web SDK that I deployed to [Netlify](https://www.netlify.com/) for free. OneSignal has [easy to follow docs](https://documentation.onesignal.com/docs/web-sdk-setup) so you can build this functionality into a React, Angular, Vue app or even Wordpress! Then [install the PWA](https://www.bitcot.com/how-to-install-a-pwa-to-your-device/) on your platform of choice and you're off to the races!
6
7## Setup
1/** @jsxImportSource https://esm.sh/react */
2import * as cheerio from "https://esm.sh/cheerio";
3import React, { useEffect, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6console.log("Version: " + import.meta.url.match(/[?&]v=([^&]*)/)?.at(1));
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const initialActions = [
45 "Trained staff to recognise clinical and acute circumstances and have confidence to act in such circumstances",
46 toBeTaken:
47 "Clinical training matrix to be developed: NEWS2 process training: NATIONAL EARLY WARNING SCORE: Medication: Competencies including confidence is leading a shift Implement REACT TO RED Campaign for initially assessing pressure damage from White = right Red = dead. Using the T Purpose tool within PCS. Guidance in accurate water low scoring. Acute presentations and when to act to include acute onset of infections and decline in known health conditions. Referral processes for: Dietician/falls teams/OT & Physio/SALT.",
48 byWhom: "Nic Ciobanu Vincent Vhinyu Knappe Cross",
49 completionDate: "29/11/2024",
1/** @jsxImportSource https://esm.sh/react */
2import React, { useCallback, useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function debounce(func, wait) {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import confetti from "https://esm.sh/canvas-confetti";
3import React, { useEffect, useState } from "https://esm.sh/react";
4import DatePicker from "https://esm.sh/react-datepicker";
5import { createRoot } from "https://esm.sh/react-dom/client";
6import Stripe from "https://esm.sh/stripe";
7
8const datePickerStyles = `
9 .react-datepicker {
10 font-family: Arial, sans-serif;
11 border: 1px solid #aeaeae;
16 background-color: white;
17 }
18 .react-datepicker__header {
19 text-align: center;
20 background-color: #f0f0f0;
25 position: relative;
26 }
27 .react-datepicker__current-month {
28 margin-top: 0;
29 color: #000;
31 font-size: 1rem;
32 }
33 .react-datepicker__day-names, .react-datepicker__week {
34 display: flex;
35 justify-content: space-around;
36 }
37 .react-datepicker__day-name, .react-datepicker__day {
38 color: #000;
39 display: inline-block;
43 margin: 0.166rem;
44 }
45 .react-datepicker__day:hover {
46 background-color: #f0f0f0;
47 }
48 .react-datepicker__day--selected {
49 background-color: #216ba5;
50 color: #fff;
51 }
52 .react-datepicker__day--today {
53 font-weight: bold;
54 }
55 .react-datepicker__navigation {
56 display: none;
57 }
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useRef, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
