changed button to cta name

apps/astro/src/components/ui/button/button.tsx → apps/astro/src/components/ui/cta/cta.tsx

@@ -1,5 +1,5 @@
 import type { ImageDataProps } from '../image';
-import styles from './button.module.scss'
+import styles from './cta.module.scss'
 
 export type Props = React.HTMLAttributes<HTMLAnchorElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
   text?: string | React.ReactNode

apps/astro/src/components/ui/button/index.astro → apps/astro/src/components/ui/cta/index.astro

@@ -1,6 +1,6 @@
 ---
 import Image from '@/components/ui/image'
-import Button, { type Props as ButtonDataProps } from './button'
+import Button, { type Props as ButtonDataProps } from './cta'
 
 type Props = ButtonDataProps
 

apps/astro/src/components/ui/button/index.ts → apps/astro/src/components/ui/cta/index.ts

@@ -1,6 +1,6 @@
 import { ImageDataQuery } from '../image';
 export { default } from './index.astro';
-export { type Props as ButtonDataProps } from './button';
+export { type Props as ButtonDataProps } from './cta';
 
 export const ButtonDataQuery = (name: string) => `
   ${name} {

apps/astro/src/pages/index.astro

@@ -1,22 +1,8 @@
 ---
 import Layout from '@/src/layouts/Layout.astro'
 import metadataFetch from '@/utils/metadata.fetch'
-import sanityFetch from '@/utils/sanity.fetch'
-import Button, { ButtonDataQuery, type ButtonDataProps } from '@/components/ui/button'
 
 const metadata = await metadataFetch('Index_Page')
-
-type QueryProps = {
-  button: ButtonDataProps
-}
-
-const data = await sanityFetch<QueryProps>({
-  query: `
-    *[_type == "Index_Page"][0] {
-      ${ButtonDataQuery('button')}
-    }
-  `,
-})
 ---
 
 <Layout {...metadata}>
@@ -32,12 +18,6 @@ const data = await sanityFetch<QueryProps>({
     magni qui deleniti ducimus. Quam accusamus eos id fugiat soluta corrupti modi maiores ab perspiciatis? Asperiores, sunt
     aliquam rerum ipsum magnam perferendis vero sapiente id sint unde dolor adipisci repudiandae.
   </p>
-
-  <div class="cta-wrapper">
-    <Button {...data.button} />
-    <Button {...data.button} theme="secondary" />
-    <Button>Test</Button>
-  </div>
 </Layout>
 
 <style>

apps/sanity/schema/ui/button.tsx → apps/sanity/schema/ui/cta.tsx

@@ -3,8 +3,8 @@ import { Tooltip, Box, Text, } from '@sanity/ui';
 import { isValidUrl } from "../../utils/is-valid-url";
 import { InternalLinkableTypes } from "../../structure/internal-linkable-types";
 
-const name = 'button';
-const title = 'Button';
+const name = 'cta';
+const title = 'Call To Action (CTA)';
 const icon = () => '🔘';
 
 export default defineType({

apps/sanity/structure/schema-types.ts

@@ -24,13 +24,13 @@ const components = [
 ];
 
 // UI Components
-import button from '../schema/ui/button';
+import cta from '../schema/ui/cta';
 import seo from '../schema/ui/seo';
 import PortableText from '../schema/ui/portable-text';
 import Heading from '../schema/ui/portable-text/Heading';
 
 const ui = [
-  button,
+  cta,
   seo,
   PortableText,
   Heading,