PastJournalCard

The PastJournalCard component displays completed journal entries and questionnaire responses in a Material Design card format. It provides a structured layout for showing historical health data, patient responses, and journal content.

PastJournalCard.Content is the raw react-native-paper Card.Content export; it is not an SDK wrapper with a separate prop contract.

Basic ExampleCopy Anchor Link

import { PastJournalCard } from "@ovok/native";
import * as React from "react";

const BasicPastJournalCard = () => (
  <PastJournalCard>
    <PastJournalCard.Content>
      <PastJournalCard.Date>Date</PastJournalCard.Date>
      <PastJournalCard.Title>Title</PastJournalCard.Title>
      <PastJournalCard.Answer>Answer</PastJournalCard.Answer>
    </PastJournalCard.Content>
  </PastJournalCard>
);

export default BasicPastJournalCard;

PropsCopy Anchor Link

Every prop, with its type and description, is listed in the @ovok/native/journal API reference.

Component BehaviorCopy Anchor Link

Card DesignCopy Anchor Link

• Mode: Uses "contained" mode for Material Design 3 elevation
• Background: Automatically applies theme.colors.surface background
• Elevation: Fixed card elevation for consistent appearance

Theme IntegrationCopy Anchor Link

• Surface Color: Uses theme surface color for proper contrast
• Content Styling: Child components inherit theme colors
• Dark Mode: Automatically adapts to dark/light theme changes

StylingCopy Anchor Link

Theme Colors UsedCopy Anchor Link

• theme.colors.surface - Card background color

Related ComponentsCopy Anchor Link

• PastJournalCard.Title - Title text component
• PastJournalCard.Date - Date display component
• PastJournalCard.Answer - Answer text component
• TodayQuestionCard - Today's question display