INJIWEB-1141-Fixed copyright information not center aligned for Tamil in tablet view

[iamlokanath]

Summary by CodeRabbit

• Style
  • Adjusted footer text alignment and responsive behavior to improve layout on medium and larger screens; no functional changes.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Formatting around the useTranslation import and footerRef prop destructuring was adjusted, and responsive layout classes on the footer text element were changed (adds md:flex and min-width adjustments), which alters alignment behavior at certain breakpoints.

Changes

Cohort / File(s)	Summary
Footer styling and formatting inji-web/src/components/PageTemplate/Footer.tsx	Minor import spacing and prop-destructuring formatting; updated responsive classes on footer text (adds md:flex, min-width adjustments and revised alignment behavior across breakpoints)

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~5 minutes

Poem

🐰 A little footer hops in place,
Classes shifted with gentle grace,
Imports tidy, props aligned,
Responsive twitches well-designed,
I nibble bugs and leave a trace 🥕

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title directly describes the specific fix being made: aligning copyright information for Tamil language in tablet view, which matches the code changes in Footer.tsx adjusting responsive classes.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Fix all issues with AI Agents

In @inji-web/src/components/PageTemplate/Footer.tsx:
- Line 20: The unconditional "text-right" in the className on Footer.tsx should
be made conditional using the existing isRTL(language) pattern from Sidebar.tsx;
replace the literal 'text-right' in the className template with either
`${isRTL(language) ? 'text-right' : ''}` (if you want RTL at all viewports) or
`${isRTL(language) ? 'md:text-right' : ''}` (if you only want RTL on tablet+ as
the PR describes), ensuring the `language` variable is in scope and preserving
the rest of the class string.

📜 Review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e4c7129 and 3c4ed97.

⛔ Files ignored due to path filters (1)

• inji-web/src/__tests__/components/PageTemplate/__snapshots__/Footer.test.tsx.snap is excluded by !**/*.snap

📒 Files selected for processing (1)

• inji-web/src/components/PageTemplate/Footer.tsx

[coderabbitai]

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Search for language switching logic and Footer implementation

echo "=== Checking Footer.tsx implementation ==="
cat inji-web/src/components/PageTemplate/Footer.tsx

echo ""
echo "=== Searching for translation/language files ==="
find inji-web -type f \( -name "*lang*" -o -name "*i18n*" -o -name "*translation*" \) | head -20

echo ""
echo "=== Checking for language-specific conditional rendering patterns ==="
rg "useLanguage|language === |i18n\.|lang " inji-web/src/components/PageTemplate/ --type tsx --type ts

Repository: inji/inji-web

Length of output: 1876

---

🏁 Script executed:

#!/bin/bash
# Continue investigation

echo "=== Checking i18n configuration ==="
cat inji-web/src/utils/i18n.ts

echo ""
echo "=== Searching for text-right usage across codebase ==="
rg "text-right" inji-web/src --type-add 'tsx:*.tsx' --type-add 'ts:*.ts' -C 1 | head -30

echo ""
echo "=== Searching for responsive text alignment (md:text-*, sm:text-*) ==="
rg "(sm|md|lg|xl):(text-left|text-right|text-center)" inji-web/src --type-add 'tsx:*.tsx' --type-add 'ts:*.ts'

echo ""
echo "=== Checking if there are other instances of rotate-180 ==="
rg "rotate-180" inji-web/src --type-add 'tsx:*.tsx' --type-add 'ts:*.ts' | head -20

Repository: inji/inji-web

Length of output: 6322

---

Align the text-right class conditionally based on language and viewport, matching the established pattern in the codebase.

The text-right class is applied unconditionally, but:

• The codebase establishes a language-conditional pattern in Sidebar.tsx: ${isRTL(language) ? 'text-right' : ''}
• The PR specifies "Tamil in tablet view," but the fix applies to all 7 supported languages (including Arabic, which is RTL) and all viewports
• Responsive modifiers (e.g., md:text-right) are used elsewhere for viewport-specific changes

Apply text-right only for RTL languages or add responsive modifiers if it should only apply on tablet and larger screens. Use the same isRTL() pattern established in Sidebar for consistency.

🤖 Prompt for AI Agents

In @inji-web/src/components/PageTemplate/Footer.tsx at line 20, The
unconditional "text-right" in the className on Footer.tsx should be made
conditional using the existing isRTL(language) pattern from Sidebar.tsx; replace
the literal 'text-right' in the className template with either
`${isRTL(language) ? 'text-right' : ''}` (if you want RTL at all viewports) or
`${isRTL(language) ? 'md:text-right' : ''}` (if you only want RTL on tablet+ as
the PR describes), ensuring the `language` variable is in scope and preserving
the rest of the class string.

[iamlokanath]

INJIWEB-1141.mp4

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[iamlokanath]

INJIWEB1141.mp4