Internationalise hard-coded strings (#2320)

This commit is contained in:
WithoutPants 2022-02-19 09:05:30 +11:00 committed by GitHub
parent b49695016f
commit 56e12303bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 9 deletions

View File

@ -21,7 +21,9 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
if (!gallery.details) return;
return (
<>
<h6>Details</h6>
<h6>
<FormattedMessage id="details" />
</h6>
<p className="pre">{gallery.details}</p>
</>
);
@ -34,7 +36,12 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
));
return (
<>
<h6>Tags</h6>
<h6>
<FormattedMessage
id="countables.tags"
values={{ count: gallery.tags.length }}
/>
</h6>
{tags}
</>
);
@ -53,7 +60,12 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
return (
<>
<h6>Performers</h6>
<h6>
<FormattedMessage
id="countables.performers"
values={{ count: gallery.performers.length }}
/>
</h6>
<div className="row justify-content-center gallery-performers">
{cards}
</div>
@ -83,7 +95,8 @@ export const GalleryDetailPanel: React.FC<IGalleryDetailProps> = ({
) : undefined}
{gallery.rating ? (
<h6>
Rating: <RatingStars value={gallery.rating} />
<FormattedMessage id="rating" />:{" "}
<RatingStars value={gallery.rating} />
</h6>
) : (
""

View File

@ -22,7 +22,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
));
return (
<>
<h6>Tags</h6>
<h6>
<FormattedMessage
id="countables.tags"
values={{ count: props.image.tags.length }}
/>
</h6>
{tags}
</>
);
@ -37,7 +42,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
return (
<>
<h6>Performers</h6>
<h6>
<FormattedMessage
id="countables.performers"
values={{ count: props.image.performers.length }}
/>
</h6>
<div className="row justify-content-center image-performers">
{cards}
</div>
@ -52,7 +62,12 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
));
return (
<>
<h6>Galleries</h6>
<h6>
<FormattedMessage
id="countables.galleries"
values={{ count: props.image.galleries.length }}
/>
</h6>
{tags}
</>
);
@ -77,7 +92,8 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
</div>
{props.image.rating ? (
<h6>
Rating: <RatingStars value={props.image.rating} />
<FormattedMessage id="rating" />:{" "}
<RatingStars value={props.image.rating} />
</h6>
) : (
""
@ -85,7 +101,7 @@ export const ImageDetailPanel: React.FC<IImageDetailProps> = (props) => {
{renderGalleries()}
{props.image.file.width && props.image.file.height ? (
<h6>
Resolution:{" "}
<FormattedMessage id="resolution" />:{" "}
{TextUtils.resolution(
props.image.file.width,
props.image.file.height