From fc1651d849f6c5ebd890e7f1866b9cfc7a4d501f Mon Sep 17 00:00:00 2001 From: pkupuk Date: Sat, 18 Oct 2025 13:05:09 +0800 Subject: [PATCH] upadate brand --- public/ricenoodles_icon_light.svg | 7 ++++++ public/ricenoodles_logo_wh.svg | 20 +++++++++++++++++ src/app/(payload)/admin/importMap.js | 4 ++++ src/components/Icon/Icon.tsx | 33 ++++++++++++++++++++++++++++ src/components/Logo/Logo.tsx | 7 ++++-- src/payload-types.ts | 2 ++ src/payload.config.ts | 1 + 7 files changed, 72 insertions(+), 2 deletions(-) create mode 100644 public/ricenoodles_icon_light.svg create mode 100644 public/ricenoodles_logo_wh.svg create mode 100644 src/components/Icon/Icon.tsx diff --git a/public/ricenoodles_icon_light.svg b/public/ricenoodles_icon_light.svg new file mode 100644 index 0000000..dedcaeb --- /dev/null +++ b/public/ricenoodles_icon_light.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/ricenoodles_logo_wh.svg b/public/ricenoodles_logo_wh.svg new file mode 100644 index 0000000..00a96af --- /dev/null +++ b/public/ricenoodles_logo_wh.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/(payload)/admin/importMap.js b/src/app/(payload)/admin/importMap.js index b3853c3..79fc4ab 100644 --- a/src/app/(payload)/admin/importMap.js +++ b/src/app/(payload)/admin/importMap.js @@ -21,6 +21,8 @@ import { LinkToDoc as LinkToDoc_aead06e4cbf6b2620c5c51c9ab283634 } from '@payloa import { ReindexButton as ReindexButton_aead06e4cbf6b2620c5c51c9ab283634 } from '@payloadcms/plugin-search/client' import { RowLabel as RowLabel_ec255a65fa6fa8d1faeb09cf35284224 } from '@/Header/RowLabel' import { RowLabel as RowLabel_1f6ff6ff633e3695d348f4f3c58f1466 } from '@/Footer/RowLabel' +import { default as default_e33611a3ec57e4f910acec3df7a88d27 } from '../../../components/Icon/Icon' +import { default as default_2f594692661464c361c9fb763de845e2 } from '../../../components/Logo/Logo' import { default as default_1a7510af427896d367a49dbf838d2de6 } from '@/components/BeforeDashboard' import { default as default_8a7ab0eb7ab5c511aba12e68480bfe5e } from '@/components/BeforeLogin' import { S3ClientUploadHandler as S3ClientUploadHandler_f97aa6c64367fa259c5bc0567239ef24 } from '@payloadcms/storage-s3/client' @@ -49,6 +51,8 @@ export const importMap = { "@payloadcms/plugin-search/client#ReindexButton": ReindexButton_aead06e4cbf6b2620c5c51c9ab283634, "@/Header/RowLabel#RowLabel": RowLabel_ec255a65fa6fa8d1faeb09cf35284224, "@/Footer/RowLabel#RowLabel": RowLabel_1f6ff6ff633e3695d348f4f3c58f1466, + "./components/Icon/Icon#default": default_e33611a3ec57e4f910acec3df7a88d27, + "./components/Logo/Logo#default": default_2f594692661464c361c9fb763de845e2, "@/components/BeforeDashboard#default": default_1a7510af427896d367a49dbf838d2de6, "@/components/BeforeLogin#default": default_8a7ab0eb7ab5c511aba12e68480bfe5e, "@payloadcms/storage-s3/client#S3ClientUploadHandler": S3ClientUploadHandler_f97aa6c64367fa259c5bc0567239ef24 diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx new file mode 100644 index 0000000..0edb5e6 --- /dev/null +++ b/src/components/Icon/Icon.tsx @@ -0,0 +1,33 @@ +import clsx from 'clsx' +import React from 'react' + +interface IconProps { + className?: string + loading?: 'lazy' | 'eager' + priority?: 'auto' | 'high' | 'low' +} + +const Icon = (props: IconProps) => { + const { + className, + loading: loadingFromProps = 'lazy', + priority: priorityFromProps = 'low', + } = props + + return ( + /* eslint-disable @next/next/no-img-element */ + ricenoodlestw Icon + ) +} + +export { Icon } +export default Icon diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx index 23e8c54..d565680 100644 --- a/src/components/Logo/Logo.tsx +++ b/src/components/Logo/Logo.tsx @@ -7,7 +7,7 @@ interface Props { priority?: 'auto' | 'high' | 'low' } -export const Logo = (props: Props) => { +const Logo = (props: Props) => { const { loading: loadingFromProps, priority: priorityFromProps, className } = props const loading = loadingFromProps || 'lazy' @@ -23,7 +23,10 @@ export const Logo = (props: Props) => { fetchPriority={priority} decoding="async" className={clsx('max-w-[9.375rem] w-full h-[34px]', className)} - src="https://www.ricenoodlestw.com/_astro/ricenoodle_logo.Cv6D2KP4.svg" + src="/ricenoodles_logo_wh.svg" /> ) } + +export { Logo } +export default Logo diff --git a/src/payload-types.ts b/src/payload-types.ts index 1196d9c..b17811a 100644 --- a/src/payload-types.ts +++ b/src/payload-types.ts @@ -214,6 +214,7 @@ export interface Page { export interface Post { id: string; title: string; + articleSource?: string | null; heroImage?: (string | null) | Media; content: { root: { @@ -1130,6 +1131,7 @@ export interface FormBlockSelect { */ export interface PostsSelect { title?: T; + articleSource?: T; heroImage?: T; content?: T; relatedPosts?: T; diff --git a/src/payload.config.ts b/src/payload.config.ts index 33f4394..1989a63 100644 --- a/src/payload.config.ts +++ b/src/payload.config.ts @@ -26,6 +26,7 @@ export default buildConfig({ // The `BeforeLogin` component renders a message that you see while logging into your admin panel. graphics: { Logo: './components/Logo/Logo', + Icon: './components/Icon/Icon', }, // Feel free to delete this at any time. Simply remove the line below. beforeLogin: ['@/components/BeforeLogin'],