From 53ee4cdc1bb3cf89276f3bae826bea2fdaf05fa1 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 15 Oct 2025 09:29:29 +0700
Subject: [PATCH] feat(FE-114): add Layout and AddRecording components with
 routing link

---
 src/app/flock/recording/add/page.tsx         | 11 +++++++++++
 src/app/flock/recording/detail/edit/page.tsx |  0
 src/app/flock/recording/detail/layout.tsx    | 11 +++++++++++
 src/app/flock/recording/detail/page.tsx      |  0
 src/app/flock/recording/page.tsx             |  9 +++++++++
 5 files changed, 31 insertions(+)
 create mode 100644 src/app/flock/recording/add/page.tsx
 create mode 100644 src/app/flock/recording/detail/edit/page.tsx
 create mode 100644 src/app/flock/recording/detail/layout.tsx
 create mode 100644 src/app/flock/recording/detail/page.tsx
 create mode 100644 src/app/flock/recording/page.tsx

diff --git a/src/app/flock/recording/add/page.tsx b/src/app/flock/recording/add/page.tsx
new file mode 100644
index 00000000..50bb1d92
--- /dev/null
+++ b/src/app/flock/recording/add/page.tsx
@@ -0,0 +1,11 @@
+import RecordingForm from '@/components/pages/flock/recording/form/RecordingForm';
+
+const AddRecording = () => {
+  return (
+    <div className='w-full p-4 flex flex-row justify-center'>
+      <RecordingForm />
+    </div>
+  );
+};
+
+export default AddRecording;
diff --git a/src/app/flock/recording/detail/edit/page.tsx b/src/app/flock/recording/detail/edit/page.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/flock/recording/detail/layout.tsx b/src/app/flock/recording/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/flock/recording/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) => {
+  return <SuspenseHelper>{children}</SuspenseHelper>;
+};
+
+export default Layout;
diff --git a/src/app/flock/recording/detail/page.tsx b/src/app/flock/recording/detail/page.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/flock/recording/page.tsx b/src/app/flock/recording/page.tsx
new file mode 100644
index 00000000..01154025
--- /dev/null
+++ b/src/app/flock/recording/page.tsx
@@ -0,0 +1,9 @@
+import Link from 'next/link';
+
+export default function Page() {
+  return (
+    <>
+      <Link href={'recording/add'}>Recording</Link>
+    </>
+  );
+}