# extendify/trunk/src/Assist/components/dashboard/cards/NoActionBtnCard.jsx

Extendify, version trunk. 34 lines.

- Page: https://pluginprobe.com/plugins/extendify/trunk/code/src/Assist/components/dashboard/cards/NoActionBtnCard.jsx
- Raw: https://pluginprobe.com/plugins/extendify/trunk/raw/src/Assist/components/dashboard/cards/NoActionBtnCard.jsx
- Modified: 2026-02-18T22:27:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/trunk/code/src/Assist/components/dashboard/cards/NoActionBtnCard.jsx#L10-L20`.

```jsx
import { DismissButton } from '@assist/components/dashboard/buttons/DismissButton';
import { useTasksStore } from '@assist/state/tasks';

export const NoActionBtnCard = ({ task }) => {
	const { isCompleted, dismissTask } = useTasksStore();
	return (
		<div
			className="flex h-full w-full bg-cover bg-right-bottom bg-no-repeat"
			style={{
				backgroundImage: `url(${task?.backgroundImage})`,
			}}
		>
			<div className="flex h-full w-full grow flex-col bg-white/95 px-8 py-8 lg:mr-48 lg:bg-transparent">
				<div className="title text-2xl font-semibold leading-10 md:mt-32 lg:text-3xl">
					{task.title}
				</div>
				<div className="description mt-2 text-sm md:text-base">
					{task.description}
				</div>

				{!isCompleted(task.slug) && (
					<div className="mt-8 flex-wrap text-sm">
						<DismissButton
							task={task}
							variant="no-x-spacing"
							onClick={() => dismissTask(task.slug)}
						/>
					</div>
				)}
			</div>
		</div>
	);
};

```