Get one record

teri · 2024-04-27T16:05:42.984Z

I am trying to add an `onClick` event handler on the button **Delete** and creating a separate file for the xata client, which I will import. How can I go about it? https://track-trip-dashboard-with-xata-next.vercel.app/dashboard/note/rec_com0uagjjap6athudr6g ```js // filter.js "use server"; import { getXataClient } from "@/src/xata"; const xata = getXataClient(); export async function filter(id) { await xata.db.notes.read(id); } ``` ```js "use client" export default function NoteDetail({ params }) { return ( <> Edit Delete ); } ```

I am trying to add an

onClick

onClick

event handler on the button Delete and creating a separate file for the xata client, which I will import. How can I go about it?

https://track-trip-dashboard-with-xata-next.vercel.app/dashboard/note/rec_com0uagjjap6athudr6g

// filter.js
"use server";

import { getXataClient } from "@/src/xata";

const xata = getXataClient();

export async function filter(id) {
  await xata.db.notes.read(id);
}

// filter.js
"use server";

import { getXataClient } from "@/src/xata";

const xata = getXataClient();

export async function filter(id) {
  await xata.db.notes.read(id);
}

"use client"

export default function NoteDetail({ params }) {
  return (
    <>
      <Header name={"Note Detail"} />
      <div className='flex mb-4'>
        <Link
          href={"#"}
          className='px-7 py-2 bg-gray-300 rounded mr-4 hover:bg-gray-200'>
          Edit
        </Link>
        <button className='px-7 py-2 bg-red-300 rounded hover:bg-red-200 hover:cursor-pointer'>
          Delete
        </button>
      </div>
    </>
  );
}

"use client"

export default function NoteDetail({ params }) {
  return (
    <>
      <Header name={"Note Detail"} />
      <div className='flex mb-4'>
        <Link
          href={"#"}
          className='px-7 py-2 bg-gray-300 rounded mr-4 hover:bg-gray-200'>
          Edit
        </Link>
        <button className='px-7 py-2 bg-red-300 rounded hover:bg-red-200 hover:cursor-pointer'>
          Delete
        </button>
      </div>
    </>
  );
}

Track your travel

Keep track of all your adventures, never forget the amazing memories

Xata•2y ago•

11 replies

teri

Get one record

I am trying to add an

onClick

onClick

// filter.js
"use server";

import { getXataClient } from "@/src/xata";

const xata = getXataClient();

export async function filter(id) {
  await xata.db.notes.read(id);
}

// filter.js
"use server";

import { getXataClient } from "@/src/xata";

const xata = getXataClient();

export async function filter(id) {
  await xata.db.notes.read(id);
}

"use client"

export default function NoteDetail({ params }) {
  return (
    <>
      <Header name={"Note Detail"} />
      <div className='flex mb-4'>
        <Link
          href={"#"}
          className='px-7 py-2 bg-gray-300 rounded mr-4 hover:bg-gray-200'>
          Edit
        </Link>
        <button className='px-7 py-2 bg-red-300 rounded hover:bg-red-200 hover:cursor-pointer'>
          Delete
        </button>
      </div>
    </>
  );
}

"use client"

export default function NoteDetail({ params }) {
  return (
    <>
      <Header name={"Note Detail"} />
      <div className='flex mb-4'>
        <Link
          href={"#"}
          className='px-7 py-2 bg-gray-300 rounded mr-4 hover:bg-gray-200'>
          Edit
        </Link>
        <button className='px-7 py-2 bg-red-300 rounded hover:bg-red-200 hover:cursor-pointer'>
          Delete
        </button>
      </div>
    </>
  );
}

Track your travel

Keep track of all your adventures, never forget the amazing memories

Get one record

Similar Threads

Get one record

Similar Threads

Similar Threads

Similar Threads