-
+
+
+
{peersMessage}
+
{bootstrapPeersMessage} View console for more details.
+
diff --git a/examples/web-chat/src/index.css b/examples/web-chat/src/index.css
index 7766c8c..b5c61c9 100644
--- a/examples/web-chat/src/index.css
+++ b/examples/web-chat/src/index.css
@@ -1,30 +1,3 @@
-@import-normalize; /* bring in normalize.css styles */
-
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
-
-.room-row {
- text-align: left;
- margin-left: 20px;
-}
-
-.room-row:after {
- clear: both;
- content: "";
- display: table;
-}
-
-.chat-room {
- margin: 2px;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/examples/web-chat/src/index.tsx b/examples/web-chat/src/index.tsx
index 44245dd..a56ef73 100644
--- a/examples/web-chat/src/index.tsx
+++ b/examples/web-chat/src/index.tsx
@@ -1,11 +1,10 @@
import React from "react";
import ReactDOM from "react-dom";
-import { ThemeProvider } from "@livechat/ui-kit";
import { LightNodeProvider, ContentPairProvider } from "@waku/react";
import { wakuDnsDiscovery, enrTree } from "@waku/dns-discovery";
import { wakuPeerExchangeDiscovery } from "@waku/peer-exchange";
-
import "./index.css";
+
import App from "./App";
import { CONTENT_TOPIC, PROTOCOLS } from "./config";
@@ -22,44 +21,13 @@ const NODE_OPTIONS = {
},
};
-const THEMES = {
- AuthorName: {
- css: {
- fontSize: "1.1em",
- },
- },
- Message: {
- css: {
- margin: "0em",
- padding: "0em",
- fontSize: "0.83em",
- },
- },
- MessageText: {
- css: {
- margin: "0em",
- padding: "0.1em",
- paddingLeft: "1em",
- fontSize: "1.1em",
- },
- },
- MessageGroup: {
- css: {
- margin: "0em",
- padding: "0.2em",
- },
- },
-};
-
ReactDOM.render(
-
-
-
-
-
-
-
+
+
+
+
+
,
document.getElementById("root")
);
diff --git a/examples/web-chat/src/types/types.d.ts b/examples/web-chat/src/types/types.d.ts
deleted file mode 100644
index 6109448..0000000
--- a/examples/web-chat/src/types/types.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module "@livechat/ui-kit";
diff --git a/examples/web-chat/tailwind.config.js b/examples/web-chat/tailwind.config.js
new file mode 100644
index 0000000..37cc651
--- /dev/null
+++ b/examples/web-chat/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./src/**/*.{js,jsx,ts,tsx}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+};