Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Introduce alwaysShow prop for MobileBackButton to control visibility and apply minor UI refinements to specialization cards and chat header.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-27 06:47:53 +05:30
parent d598637380
commit 317f7e7402
6 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/layout/MobileBackButton.tsx
View File

@@ -5,9 +5,10 @@ import { useRouter } from 'next/navigation';
interface MobileBackButtonProps {
label?: string;
fallbackHref?: string;
alwaysShow?: boolean;
}
export function MobileBackButton({ label, fallbackHref }: MobileBackButtonProps) {
export function MobileBackButton({ label, fallbackHref, alwaysShow = false }: MobileBackButtonProps) {
const router = useRouter();
const handleBack = () => {
@@ -23,7 +24,7 @@ export function MobileBackButton({ label, fallbackHref }: MobileBackButtonProps)
return (
<button
onClick={handleBack}
className="lg:hidden flex items-center gap-2 mb-4 hover:opacity-70 transition-opacity cursor-pointer"
className={`${alwaysShow ? 'flex' : 'lg:hidden flex'} items-center gap-2 mb-4 hover:opacity-70 transition-opacity cursor-pointer`}
>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="#00293D" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>