- {showPopup && (
-
-
-
-
Welcome to Connie.
-
We’re so happy you’re here. Get to know your space through a few simple steps. Here are the main functions of your dashboard:
-
-
-
-
- {steps.map((step, index) => (
-
- ))}
-
-
-
-
- {steps.map((step, index) => (
-
- ))}
-
-
- {steps.map((content, index) => (
-
- {`Content for ${content}`}
-
- ))}
-
-
-
- {!showFinishButton ? (
-
- ) : (
-
- )}
-
-
- )}
+
+
+
+ Dashboard
+
+ Welcome to your dashboard. Here you can see a summary of your
+ clients and their status.
+
+
+
+
+
);
}
diff --git a/src/app/dashboard/settings/org/audit-log/page.tsx b/src/app/dashboard/settings/org/audit-log/page.tsx
index f6c503e..7a544e8 100644
--- a/src/app/dashboard/settings/org/audit-log/page.tsx
+++ b/src/app/dashboard/settings/org/audit-log/page.tsx
@@ -1,20 +1,17 @@
-import AuditTable from "@/components/audittable/AuditTable";
-import { Button } from "@/components/ui/button";
-
+import AuditTable from '@/components/audittable/AuditTable';
export default function AuditLog() {
-
- return (
-
+ return (
+
Audit Log
View all calls and SMS message your organization made via Connie.
-
+
-
- );
- }
\ No newline at end of file
+
+ );
+}
diff --git a/src/app/dashboard/settings/page.tsx b/src/app/dashboard/settings/page.tsx
index c62ab7a..f75d7fe 100644
--- a/src/app/dashboard/settings/page.tsx
+++ b/src/app/dashboard/settings/page.tsx
@@ -1,56 +1,60 @@
'use client';
import React from 'react';
+
import SingleForm from '@/components/ui/single-form';
const Page = () => {
- const AIRTABLE_TOKEN_STR = "Airtable Token";
- const AIRTABLE_BASE_ID_STR = "Airtable Base ID";
- const AIRTABLE_TABLE_ID_STR = "Airtable Table ID";
-
- const onSubmit = async (event: React.FormEvent
) => {
- event.preventDefault();
- const formData = new FormData(event.currentTarget);
- const airtableToken = formData.get(AIRTABLE_TOKEN_STR);
- const airtableBaseId = formData.get(AIRTABLE_BASE_ID_STR);
- const airtableTableId = formData.get(AIRTABLE_TABLE_ID_STR);
-
- try {
- const response = await fetch('../api/crmconfig/airtable', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({ token: airtableToken,
- baseId: airtableBaseId,
- tableId: airtableTableId
- }),
- });
- // Handle the response
- } catch (error) {
- // Handle the error
- }
- };
-
- const fields = [{
- name: AIRTABLE_TOKEN_STR,
- label: AIRTABLE_TOKEN_STR,
+ const AIRTABLE_TOKEN_STR = 'Airtable Token';
+ const AIRTABLE_BASE_ID_STR = 'Airtable Base ID';
+ const AIRTABLE_TABLE_ID_STR = 'Airtable Table ID';
+
+ const onSubmit = async (event: React.FormEvent) => {
+ event.preventDefault();
+ // TODO: handle form submission
+ // const formData = new FormData(event.currentTarget);
+ // const airtableToken = formData.get(AIRTABLE_TOKEN_STR);
+ // const airtableBaseId = formData.get(AIRTABLE_BASE_ID_STR);
+ // const airtableTableId = formData.get(AIRTABLE_TABLE_ID_STR);
+
+ try {
+ // const response = await fetch('../api/crmconfig/airtable', {
+ // method: 'POST',
+ // headers: {
+ // 'Content-Type': 'application/json',
+ // },
+ // body: JSON.stringify({
+ // token: airtableToken,
+ // baseId: airtableBaseId,
+ // tableId: airtableTableId,
+ // }),
+ // });
+ // Handle the response
+ } catch (error) {
+ // Handle the error
+ }
+ };
+
+ const fields = [
+ {
+ name: AIRTABLE_TOKEN_STR,
+ label: AIRTABLE_TOKEN_STR,
},
{
- name: AIRTABLE_BASE_ID_STR,
- label: AIRTABLE_BASE_ID_STR,
+ name: AIRTABLE_BASE_ID_STR,
+ label: AIRTABLE_BASE_ID_STR,
},
{
- name: AIRTABLE_TABLE_ID_STR,
- label: AIRTABLE_TABLE_ID_STR,
- }];
-
-
- return (
-
-
-
- );
+ name: AIRTABLE_TABLE_ID_STR,
+ label: AIRTABLE_TABLE_ID_STR,
+ },
+ ];
+
+ return (
+
+
+
+ );
};
export default Page;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index afde5b8..04fca07 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,30 +1,29 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import { cn } from "@/lib/utils";
-import "../styles/globals.css";
+import type { Metadata } from 'next';
+import { Roboto } from 'next/font/google';
+import { PropsWithChildren } from 'react';
-import { NextAuthProvider } from "../components/nextAuthProvider"
+import { NextAuthProvider } from '@/components/nextAuthProvider';
+import { cn } from '@/lib/utils';
-const inter = Inter({ subsets: ["latin"] });
+import '../styles/globals.css';
+
+const sansFont = Roboto({
+ subsets: ['latin'],
+ weight: ['500', '700'],
+});
export const metadata: Metadata = {
- title: "Connie",
- description: "Generated by create next app",
+ title: 'Connie',
+ description:
+ 'A realtime communication center for community-based organizations',
};
-export default function RootLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
-
+export default function RootLayout({ children }: PropsWithChildren) {
return (
-
-
- {children}
-
-
+
+ {children}
+
);
}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 9f41b1a..27b6723 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,17 +1,16 @@
-"use client";
+'use client';
+
import { signIn, useSession } from 'next-auth/react';
+import { redirect } from 'next/navigation';
import React from 'react';
-import { redirect } from 'next/navigation'
-
-
export default function Login() {
- const {data: session, status} = useSession();
+ const { data: session, status } = useSession();
if (status === 'loading') {
return Loading...;
}
if (session) {
- redirect('/dashboard');
+ redirect('/dashboard');
}
return (
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1a07f78..ff726b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,70 @@
-"use client";
+'use client';
-import { useSession } from 'next-auth/react';
-import React from 'react';
-import { redirect } from 'next/navigation'
+import { signIn, useSession } from 'next-auth/react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { redirect } from 'next/navigation';
+import asaLogo from '@/assets/asa-logo.png';
+import connieLogo from '@/assets/connie-logo.png';
+import { Button } from '@/components/ui/button';
+import { Card } from '@/components/ui/card';
+
+/**
+ * The landing page for Connie.
+ *
+ * Route: /
+ */
export default function Home() {
const { data: session, status } = useSession();
- if (status === 'loading') {
- return Loading...;
- } else if (session) {
+ if (session) {
redirect('/dashboard');
} else {
- redirect('/login');
+ return (
+
+
+
+
+
+
+
+ {status === 'loading' ? (
+
Loading...
+ ) : (
+
+ )}
+
+
+ Don't have an account?
+
+ Contact your organization admin.
+
+
+
+
+
+
+
+
+
-
+
@@ -101,7 +99,7 @@ export default function Appbar({
diff --git a/src/components/audittable/AuditTable.tsx b/src/components/audittable/AuditTable.tsx
index 3c07556..45ed0e6 100644
--- a/src/components/audittable/AuditTable.tsx
+++ b/src/components/audittable/AuditTable.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
import React, {
useEffect,
@@ -8,12 +8,12 @@ import React, {
import axios from "axios";
import * as XLSX from "xlsx";
-import { FetchedCalls, columns } from "./columns";
-import { DataTable } from "./DataTable";
-import { Button } from "../ui/button";
-import { Switch } from "../ui/switch";
-import { Label } from "../ui/label";
-import { Input } from "../ui/input";
+import { Button } from '../ui/button';
+import { Input } from '../ui/input';
+import { Label } from '../ui/label';
+import { Switch } from '../ui/switch';
+import { DataTable } from './DataTable';
+import { columns } from './columns';
interface SelectionChange {
selectionState: Record;
@@ -32,13 +32,13 @@ const AuditTable: React.FC = () => {
setLoading(true);
try {
const endpoint = showCalls
- ? "/api/audit-log/calls"
- : "/api/audit-log/message";
+ ? '/api/audit-log/calls'
+ : '/api/audit-log/message';
const response = await axios.get(endpoint);
setData(response.data);
setLoading(false);
} catch (error) {
- console.log("error fetching calls", error);
+ console.log('error fetching calls', error);
setLoading(false);
}
};
@@ -77,13 +77,13 @@ const AuditTable: React.FC = () => {