Titles with a cool effect

2024-10-04 23:13:44 -04:00
parent 8671f47e91
commit e5f9bbd462
19 changed files with 367 additions and 91 deletions
@@ -0,0 +1,50 @@
+import type { AdminTitlesQuery, AdminTitlesQueryVariables } from 'types/graphql'
+
+import type {
+  CellSuccessProps,
+  CellFailureProps,
+  TypedDocumentNode,
+} from '@redwoodjs/web'
+
+import CellFailure from 'src/components/Cell/CellFailure/CellFailure'
+import CellLoading from 'src/components/Cell/CellLoading/CellLoading'
+
+import TitlesForm from '../TitlesForm/TitlesForm'
+
+export const QUERY: TypedDocumentNode<
+  AdminTitlesQuery,
+  AdminTitlesQueryVariables
+> = gql`
+  query AdminTitlesQuery {
+    titles {
+      id
+      titles
+    }
+  }
+`
+
+export const Loading = () => <CellLoading />
+export const Failure = ({
+  error,
+}: CellFailureProps<AdminTitlesQueryVariables>) => <CellFailure error={error} />
+
+export const Success = ({ titles }: CellSuccessProps<AdminTitlesQuery>) => (
+  <div className="flex w-full justify-center">
+    <div className="overflow-hidden overflow-x-auto rounded-xl bg-base-100">
+      <table className="table w-80">
+        <thead className="bg-base-200 font-syne">
+          <tr>
+            <th className="w-0">Titles</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th>
+              <TitlesForm titles={titles} />
+            </th>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+)