danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: order rate page dark theme

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-08-12 20:49:08 +03:30
parent de7a782562
commit 92608480ac
4 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[name]/(Main)/order/rate/[orderId]/page.tsx
+17 -5
View File
@@ -1,6 +1,6 @@
'use client';
import ToggleButton from '@/components/button/ToggleButton';
import ToggleButton, { ToggleButtonClassNames } from '@/components/button/ToggleButton';
import TabContainer, { TabContainerClassNames, TabContainerRenderType } from '@/components/tab/TabContainer';
import { TabHeader } from '@/components/tab/TabHeader';
import { Button } from '@/components/ui/button';
@@ -26,7 +26,14 @@ function RatingOrderIndex({ }: Props) {
<>
<div className="grid grid-cols-2 gap-x-4.5 gap-y-4 mt-8">
{[...Array(6)].map((_, i) => (
<ToggleButton key={i} name={`weekness${i}`}>
<ToggleButton
className={{
...ToggleButtonClassNames,
wrapperActive: 'border-red-400',
contentActive: 'text-red-400'
}}
key={i}
name={`weekness${i}`}>
{t(`Tabs.Weeknesses.Options.${i}`)}
</ToggleButton>
))}
@@ -74,7 +81,7 @@ function RatingOrderIndex({ }: Props) {
...TabContainerClassNames,
wrapper: 'p-2!',
scrollView: clsx(
'border-none! rounded-xl! gap-0! h-full bg-[#EAECF0]! grid! grid-cols-2 px-2! py-2! pt-2!', TabContainerClassNames.scrollView
'border-none! rounded-xl! gap-0! h-full bg-[#EAECF0]! dark:bg-neutral-900! not-dark:gradient-border! grid! grid-cols-2 px-2! py-2! !pb-2 w-full overflow-y-hidden justify-center items-center',
),
title: 'text-sm2! font-normal mt-1',
header: 'rounded-lg h-7! w-full',
@@ -87,7 +94,7 @@ function RatingOrderIndex({ }: Props) {
<div className="w-full mt-6">
<label htmlFor='userOpinion'>{t("InputComment.Label")}</label>
<br />
<textarea name='userOpinion' id='userOpinion' placeholder={t("InputComment.Placeholder")} className='mt-2 w-full h-21 px-4 py-2.5 text-xs text-[#888888] rounded-xl border border-[#D0D0D0]' />
<textarea name='userOpinion' id='userOpinion' placeholder={t("InputComment.Placeholder")} className='dark:border-neutral-600 mt-2 w-full h-21 px-4 py-2.5 text-xs text-[#888888] rounded-xl border border-[#D0D0D0]' />
<br />
</div>
</div>
@@ -96,7 +103,12 @@ function RatingOrderIndex({ }: Props) {
<Button type='submit' className='mt-auto rounded-xl font-normal cursor-pointer'>
{t("ButtonSubmit")}
</Button>
<Button type='submit' className='mt-auto rounded-xl bg-white cursor-pointer hover:bg-neutral-100 border border-foreground text-foreground font-normal'>
<Button
type='submit'
className='
mt-auto rounded-xl bg-white dark:bg-container cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-700
border border-foreground dark:border-neutral-600 text-foreground font-normal'
>
{t("ButtonCancel")}
</Button>
</div>