mirror of
https://github.com/hydralauncher/hydra.git
synced 2026-01-11 13:56:16 +00:00
Merge branch 'main' of https://github.com/hydralauncher/hydra into feat/souvenirs-for-achievements
This commit is contained in:
Moyasee
3
.github/workflows/build.yml
vendored
3
.github/workflows/build.yml
vendored
@@ -41,8 +41,6 @@ jobs:
|
||||
- name: Build Linux
|
||||
if: matrix.os == 'ubuntu-latest'
|
||||
run: |
|
||||
sudo apt-get update
|
||||
sudo apt-get install -y libarchive-tools
|
||||
yarn build:linux
|
||||
env:
|
||||
MAIN_VITE_API_URL: ${{ vars.MAIN_VITE_STAGING_API_URL }}
|
||||
@@ -98,5 +96,4 @@ jobs:
|
||||
dist/*.tar.gz
|
||||
dist/*.yml
|
||||
dist/*.blockmap
|
||||
dist/*.pacman
|
||||
dist/*.AppImage
|
||||
|
||||
4
.github/workflows/release.yml
vendored
4
.github/workflows/release.yml
vendored
@@ -42,8 +42,6 @@ jobs:
|
||||
- name: Build Linux
|
||||
if: matrix.os == 'ubuntu-latest'
|
||||
run: |
|
||||
sudo apt-get update
|
||||
sudo apt-get install -y libarchive-tools
|
||||
yarn build:linux
|
||||
env:
|
||||
MAIN_VITE_API_URL: ${{ vars.MAIN_VITE_API_URL }}
|
||||
@@ -90,7 +88,6 @@ jobs:
|
||||
dist/*.tar.gz
|
||||
dist/*.yml
|
||||
dist/*.blockmap
|
||||
dist/*.pacman
|
||||
|
||||
- name: Upload build
|
||||
env:
|
||||
@@ -119,6 +116,5 @@ jobs:
|
||||
dist/*.tar.gz
|
||||
dist/*.yml
|
||||
dist/*.blockmap
|
||||
dist/*.pacman
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
155
.github/workflows/update-aur.yml
vendored
Normal file
155
.github/workflows/update-aur.yml
vendored
Normal file
@@ -0,0 +1,155 @@
|
||||
name: Update AUR Package
|
||||
|
||||
on:
|
||||
workflow_dispatch:
|
||||
release:
|
||||
types: [published]
|
||||
|
||||
jobs:
|
||||
update-aur:
|
||||
runs-on: ubuntu-latest
|
||||
container:
|
||||
image: archlinux:latest
|
||||
|
||||
steps:
|
||||
- name: Install dependencies
|
||||
run: |
|
||||
pacman -Syu --noconfirm
|
||||
pacman -S --noconfirm nodejs npm git base-devel openssh jq pacman-contrib
|
||||
|
||||
- name: Create builder user
|
||||
run: |
|
||||
# Create builder user with home directory
|
||||
useradd -m -s /bin/bash builder
|
||||
|
||||
# Add builder to wheel group for sudo access
|
||||
usermod -aG wheel builder
|
||||
|
||||
# Configure sudo for builder user (no password required)
|
||||
echo 'builder ALL=(ALL) NOPASSWD: ALL' >> /etc/sudoers
|
||||
|
||||
- name: Setup SSH for AUR
|
||||
run: |
|
||||
mkdir -p ~/.ssh
|
||||
echo "${{ secrets.AUR_SSH_PRIVATE_KEY }}" > ~/.ssh/id_rsa
|
||||
chmod 600 ~/.ssh/id_rsa
|
||||
chmod 700 ~/.ssh
|
||||
|
||||
# Add AUR host key to known_hosts
|
||||
ssh-keyscan aur.archlinux.org >> ~/.ssh/known_hosts
|
||||
|
||||
# Configure SSH to use the key
|
||||
cat > ~/.ssh/config << EOF
|
||||
Host aur.archlinux.org
|
||||
IdentityFile ~/.ssh/id_rsa
|
||||
IdentitiesOnly yes
|
||||
User aur
|
||||
UserKnownHostsFile ~/.ssh/known_hosts
|
||||
StrictHostKeyChecking no
|
||||
EOF
|
||||
|
||||
# Start SSH agent and add key
|
||||
eval "$(ssh-agent -s)"
|
||||
ssh-add ~/.ssh/id_rsa
|
||||
|
||||
export GIT_SSH_COMMAND="ssh -i ~/.ssh/id_rsa -F ~/.ssh/config -o UserKnownHostsFile=$SSH_PATH/known_hosts"
|
||||
|
||||
git clone ssh://aur@aur.archlinux.org/hydra-launcher-bin.git
|
||||
|
||||
# Give builder user ownership of the repository
|
||||
chown -R builder:builder hydra-launcher-bin
|
||||
|
||||
- name: Get version to update
|
||||
id: get-version
|
||||
run: |
|
||||
if [ "${{ github.event_name }}" = "release" ]; then
|
||||
VERSION="${{ github.event.release.tag_name }}"
|
||||
echo "version=$VERSION" >> $GITHUB_OUTPUT
|
||||
echo "source=release" >> $GITHUB_OUTPUT
|
||||
else
|
||||
echo "Getting latest release version"
|
||||
VERSION=$(curl -s https://api.github.com/repos/${{ github.repository }}/releases/latest | jq -r '.tag_name' | sed 's/^v//')
|
||||
echo "version=$VERSION" >> $GITHUB_OUTPUT
|
||||
echo "source=latest" >> $GITHUB_OUTPUT
|
||||
fi
|
||||
|
||||
echo "Version to update: $VERSION"
|
||||
|
||||
- name: Check if update is needed
|
||||
id: check-update
|
||||
run: |
|
||||
CURRENT_VERSION=$(grep '^pkgver=' hydra-launcher-bin/PKGBUILD | cut -d'=' -f2)
|
||||
NEW_VERSION="${{ steps.get-version.outputs.version }}"
|
||||
|
||||
echo "Current AUR version: $CURRENT_VERSION"
|
||||
echo "New version: $NEW_VERSION"
|
||||
|
||||
if [ "$CURRENT_VERSION" = "$NEW_VERSION" ]; then
|
||||
echo "update_needed=false" >> $GITHUB_OUTPUT
|
||||
echo "No update needed - versions are the same"
|
||||
else
|
||||
echo "update_needed=true" >> $GITHUB_OUTPUT
|
||||
echo "Update needed"
|
||||
fi
|
||||
|
||||
- name: Update PKGBUILD and .SRCINFO
|
||||
if: steps.check-update.outputs.update_needed == 'true'
|
||||
run: |
|
||||
# Update pkgver in PKGBUILD
|
||||
cd hydra-launcher-bin
|
||||
NEW_VERSION="${{ steps.get-version.outputs.version }}"
|
||||
|
||||
echo "Updating PKGBUILD pkgver to $NEW_VERSION"
|
||||
|
||||
# Read PKGBUILD and update pkgver line
|
||||
sed -i "s/^pkgver=.*/pkgver=$NEW_VERSION/" ./PKGBUILD
|
||||
|
||||
# Reset pkgrel to 1 when version changes
|
||||
sed -i "s/^pkgrel=.*/pkgrel=1/" ./PKGBUILD
|
||||
|
||||
echo "✅ Successfully updated pkgver to $NEW_VERSION in ./PKGBUILD"
|
||||
|
||||
# Update package checksums and generate .SRCINFO as builder user
|
||||
sudo -u builder updpkgsums
|
||||
sudo -u builder makepkg --printsrcinfo > .SRCINFO
|
||||
|
||||
- name: Commit and push changes
|
||||
if: steps.check-update.outputs.update_needed == 'true'
|
||||
run: |
|
||||
cd hydra-launcher-bin
|
||||
git config --global --add safe.directory .
|
||||
git config --global user.name "github-actions[bot]"
|
||||
git config --global user.email "github-actions[bot]@users.noreply.github.com"
|
||||
|
||||
git add PKGBUILD .SRCINFO
|
||||
|
||||
echo "## Git Diff Preview"
|
||||
echo "Changes that would be made:"
|
||||
git diff PKGBUILD .SRCINFO || echo "No changes to show"
|
||||
echo ""
|
||||
echo "Staged changes:"
|
||||
git add PKGBUILD .SRCINFO
|
||||
git diff --staged || echo "No staged changes"
|
||||
|
||||
if git diff --staged --quiet; then
|
||||
echo "No changes to commit"
|
||||
else
|
||||
COMMIT_MSG="v${{ steps.get-version.outputs.version }}"
|
||||
|
||||
git commit -m "$COMMIT_MSG"
|
||||
git push origin master
|
||||
echo "Successfully updated AUR package to version ${{ steps.get-version.outputs.version }}"
|
||||
fi
|
||||
|
||||
- name: Create summary
|
||||
if: always()
|
||||
run: |
|
||||
echo "## AUR Update Summary" >> $GITHUB_STEP_SUMMARY
|
||||
echo "- **Version**: ${{ steps.get-version.outputs.version }}" >> $GITHUB_STEP_SUMMARY
|
||||
echo "- **Source**: ${{ steps.get-version.outputs.source }}" >> $GITHUB_STEP_SUMMARY
|
||||
echo "- **Update needed**: ${{ steps.check-update.outputs.update_needed }}" >> $GITHUB_STEP_SUMMARY
|
||||
if [ "${{ steps.check-update.outputs.update_needed }}" = "true" ]; then
|
||||
echo "- **Status**: ✅ AUR package updated successfully" >> $GITHUB_STEP_SUMMARY
|
||||
else
|
||||
echo "- **Status**: ⏭️ No update needed" >> $GITHUB_STEP_SUMMARY
|
||||
fi
|
||||
@@ -56,7 +56,6 @@ linux:
|
||||
- AppImage
|
||||
- snap
|
||||
- deb
|
||||
- pacman
|
||||
- rpm
|
||||
maintainer: electronjs.org
|
||||
category: Game
|
||||
|
||||
@@ -20,7 +20,7 @@ const s3 = new S3Client({
|
||||
|
||||
const dist = path.resolve(__dirname, "..", "dist");
|
||||
|
||||
const extensionsToUpload = [".deb", ".exe", ".pacman", ".AppImage"];
|
||||
const extensionsToUpload = [".deb", ".exe", ".AppImage"];
|
||||
|
||||
fs.readdir(dist, async (err, files) => {
|
||||
if (err) throw err;
|
||||
|
||||
@@ -70,6 +70,24 @@
|
||||
"edit_game_modal_icon_resolution": "Resolución recomendada: 256x256px",
|
||||
"edit_game_modal_logo_resolution": "Resolución recomendada: 640x360px",
|
||||
"edit_game_modal_hero_resolution": "Resolución recomendada: 1920x620px",
|
||||
"cancel": "Cancelar",
|
||||
"confirm": "Confirmar",
|
||||
"decky_plugin_installation_error": "Error instalando plugin Decky: {{error}}",
|
||||
"decky_plugin_installation_failed": "Falló instalar plugin Decky: {{error}}",
|
||||
"decky_plugin_installed": "Plugin Decky v{{version}} instalanda exitosamente",
|
||||
"decky_plugin_installed_version": "Plugin Decky (v{{version}})",
|
||||
"edit_game_modal_drop_hero_image_here": "Soltá la imagen hero acá",
|
||||
"edit_game_modal_drop_icon_image_here": "Soltá la imagen de ícono hero acá",
|
||||
"edit_game_modal_drop_logo_image_here": "Soltá la imagen de logo hero acá",
|
||||
"edit_game_modal_drop_to_replace_hero": "Soltá para reemplazar hero",
|
||||
"edit_game_modal_drop_to_replace_icon": "Soltá para reemplazar el ícono",
|
||||
"edit_game_modal_drop_to_replace_logo": "Soltá para reemplazar el logo",
|
||||
"install_decky_plugin": "Instalar plugin Decky",
|
||||
"install_decky_plugin_message": "Esto va a descargar e instalar el plugin de Decky Loader para Hydra. Esto quizás requierea permisos elevados, ¿querés continuar?",
|
||||
"install_decky_plugin_title": "Instarlar el plugin Decky Hydra",
|
||||
"update_decky_plugin": "Actualizar plugin Decky",
|
||||
"update_decky_plugin_message": "Una nueva versión del plugin Decky para Hydra está disponible. ¿Querés actualizarlo ahora?",
|
||||
"update_decky_plugin_title": "Actualizar plugin Decky para Hydra",
|
||||
"edit_game_modal_assets": "Recursos"
|
||||
},
|
||||
"header": {
|
||||
@@ -285,6 +303,62 @@
|
||||
"keyshop_price": "Precio de tiendas de terceros",
|
||||
"historical_retail": "Precio de tiendas",
|
||||
"historical_keyshop": "Precio de tiendas de terceros",
|
||||
"add_to_favorites": "Añadir a favoritos",
|
||||
"be_first_to_review": "¡Sé la primera persona en compartir lo que pensas de este juego!",
|
||||
"create_shortcut_simple": "Crear atajo",
|
||||
"delete_review": "Eliminar reseña",
|
||||
"delete_review_modal_cancel_button": "Cancelar",
|
||||
"delete_review_modal_delete_button": "Eliminar",
|
||||
"delete_review_modal_description": "Esta acción no se puede deshacer.",
|
||||
"delete_review_modal_title": "¿De verdad querés eliminar esta reseña?",
|
||||
"failed_remove_files": "Error al eliminar los archivos",
|
||||
"failed_remove_from_library": "Error al eliminar de la librería",
|
||||
"failed_update_favorites": "Error al actualizar favoritos",
|
||||
"files_removed_success": "Archivos eliminados correctamente",
|
||||
"filter_by_source": "Filtrar por fuente",
|
||||
"game_removed_from_library": "Juego eliminado de la librería",
|
||||
"hide_original": "Ocultar original",
|
||||
"leave_a_review": "Crear una reseña",
|
||||
"load_more_reviews": "Cargar más reseñas",
|
||||
"loading_more_reviews": "Cargando más reseñas...",
|
||||
"loading_reviews": "Cargando reseñas...",
|
||||
"maybe_later": "Tal vez después",
|
||||
"no_repacks_found": "Sin fuentes encontradas para este juego",
|
||||
"no_reviews_yet": "Sin reseñas aún",
|
||||
"properties": "Propiedades",
|
||||
"rating": "Calificación",
|
||||
"rating_count": "Calificación",
|
||||
"rating_negative": "Negativa",
|
||||
"rating_neutral": "Neutral",
|
||||
"rating_positive": "Positiva",
|
||||
"rating_stats": "Calificación",
|
||||
"rating_very_negative": "Muy Negativa",
|
||||
"rating_very_positive": "Muy Positiva",
|
||||
"remove_from_favorites": "Eliminar de favoritos",
|
||||
"remove_review": "Eliminar reseña",
|
||||
"review_cannot_be_empty": "El campo de la reseña no puede estar vacío.",
|
||||
"review_deleted_successfully": "Reseña eliminada exitosamente.",
|
||||
"review_deletion_failed": "Error al eliminar reseña. Por favor intentá de nuevo.",
|
||||
"review_submission_failed": "Error al subir reseña. Por favor intentá de nuevo.",
|
||||
"review_submitted_successfully": "¡Reseña eliminada exitosamente!",
|
||||
"reviews": "Reseñas",
|
||||
"show_less": "Ver menos",
|
||||
"show_more": "Ver más",
|
||||
"show_original": "Ver original",
|
||||
"show_original_translated_from": "Ver original (traducido del {{language}})",
|
||||
"show_translation": "Ver traducción",
|
||||
"sort_highest_score": "Puntuación más alta",
|
||||
"sort_lowest_score": "Puntuación más baja",
|
||||
"sort_most_voted": "Más votads",
|
||||
"sort_newest": "Más nuevos",
|
||||
"sort_oldest": "Más viejos",
|
||||
"submit_review": "Enviar",
|
||||
"submitting": "Subiendo...",
|
||||
"vote_failed": "Error al registrar tu voto. Por favor intentá de nuevo.",
|
||||
"would_you_recommend_this_game": "¿Querés escribir una reseña para este juego?",
|
||||
"write_review_placeholder": "Compartí tus pensamientos sobre este juego...",
|
||||
"yes": "Si",
|
||||
"you_seemed_to_enjoy_this_game": "Parece que has disfrutado de este juego",
|
||||
"language": "Idioma",
|
||||
"caption": "Subtítulo",
|
||||
"audio": "Audio"
|
||||
@@ -345,7 +419,7 @@
|
||||
"enable_real_debrid": "Habilitar Real-Debrid",
|
||||
"real_debrid_description": "Real-Debrid es un descargador que te permite descargar archivos más rápidos, solo límitado por la velocidad de tu internet.",
|
||||
"debrid_invalid_token": "Token API inválido",
|
||||
"debrid_api_token_hint": "Podés obtener la el token de tu API <0>acá</0>",
|
||||
"debrid_api_token_hint": "Podés obtener el token de tu API <0>acá</0>",
|
||||
"real_debrid_free_account_error": "La cuenta \"{{username}}\" es una cuenta gratis. Por favor suscribíte a Real-Debrid",
|
||||
"debrid_linked_message": "Cuenta \"{{username}}\" vinculada",
|
||||
"save_changes": "Guardar cambios",
|
||||
@@ -357,7 +431,7 @@
|
||||
"download_count_zero": "Sin opciones de descarga",
|
||||
"download_count_one": "{{countFormatted}} opción de descarga",
|
||||
"download_count_other": "{{countFormatted}} opciones de descarga",
|
||||
"download_source_url": "Descargar fuente URL",
|
||||
"download_source_url": "Añadir URL de una fuente",
|
||||
"add_download_source_description": "Introducí la URL del archivo .json",
|
||||
"download_source_up_to_date": "Actualizado",
|
||||
"download_source_errored": "Error",
|
||||
@@ -409,7 +483,7 @@
|
||||
"subscription_renew_cancelled": "Renovación automática desactivada",
|
||||
"subscription_renews_on": "Tu suscripción se renueva el {{date}}",
|
||||
"bill_sent_until": "Tu próxima factura se enviará este día",
|
||||
"no_themes": "Parece que no tenés ningún tema aún, pero no te preocupés, presiona acá para hacer tu primera obra maestra.",
|
||||
"no_themes": "Parece que no tenés ningún tema aún, pero no te preocupes, presiona acá para hacer tu primera obra maestra.",
|
||||
"editor_tab_code": "Código",
|
||||
"editor_tab_info": "Info",
|
||||
"editor_tab_save": "Guardar",
|
||||
@@ -443,7 +517,7 @@
|
||||
"enable_friend_request_notifications": "Cuando recibís una solicitud de amistad",
|
||||
"enable_auto_install": "Descargar actualizaciones automáticamente",
|
||||
"common_redist": "Common redistributables",
|
||||
"common_redist_description": "Common redistributables son requeridos para algunos juegos. Es recomendable instalarlos para evitar algunos problemas.",
|
||||
"common_redist_description": "Los common redistributables son requeridos para algunos juegos. Es recomendable instalarlos para evitar algunos problemas.",
|
||||
"install_common_redist": "Instalar",
|
||||
"installing_common_redist": "Instalando…",
|
||||
"show_download_speed_in_megabytes": "Mostrar velocidad de descarga en megabytes por segundo",
|
||||
@@ -465,6 +539,8 @@
|
||||
"hidden": "Oculto",
|
||||
"test_notification": "Probar notificación",
|
||||
"notification_preview": "Probar notificación de logro",
|
||||
"debrid": "Debrid",
|
||||
"debrid_description": "Los servicios Debrid son descargadores premium sin restricciones que te dejan descargar más rápido archivos alojados en servicios de alojamiento siendo que la única limitación es tu velocidad de internet.",
|
||||
"enable_friend_start_game_notifications": "Cuando un amigo está jugando un juego"
|
||||
},
|
||||
"notifications": {
|
||||
@@ -492,6 +568,7 @@
|
||||
"game_card": {
|
||||
"available_one": "Disponible",
|
||||
"available_other": "Disponibles",
|
||||
"calculating": "Calculando",
|
||||
"no_downloads": "Sin descargas disponibles"
|
||||
},
|
||||
"binary_not_found_modal": {
|
||||
@@ -593,6 +670,12 @@
|
||||
"error_adding_friend": "No se pudo enviar la solicitud de amistad. Por favor revisá el código",
|
||||
"friend_code_length_error": "El código de amistad debe tener mínimo 8 caracteres",
|
||||
"game_removed_from_pinned": "Juego removido de fijados",
|
||||
"amount_hours_short": "{{amount}}h",
|
||||
"amount_minutes_short": "{{amount}}m",
|
||||
"karma": "Karma",
|
||||
"karma_count": "karma",
|
||||
"karma_description": "Conseguido por me gustas positivos en reseñas",
|
||||
"sort_by": "Filtrar por:",
|
||||
"game_added_to_pinned": "Juego añadido a fijados"
|
||||
},
|
||||
"achievement": {
|
||||
|
||||
@@ -28,6 +28,7 @@ import bg from "./bg/translation.json";
|
||||
import uz from "./uz/translation.json";
|
||||
import fi from "./fi/translation.json";
|
||||
import sv from "./sv/translation.json";
|
||||
import lv from "./lv/translation.json";
|
||||
|
||||
export default {
|
||||
"pt-BR": ptBR,
|
||||
@@ -60,4 +61,5 @@ export default {
|
||||
et,
|
||||
uz,
|
||||
sv,
|
||||
lv,
|
||||
};
|
||||
|
||||
708
src/locales/lv/translation.json
Normal file
708
src/locales/lv/translation.json
Normal file
@@ -0,0 +1,708 @@
|
||||
{
|
||||
"language_name": "Latviešu",
|
||||
"app": {
|
||||
"successfully_signed_in": "Veiksmīga pieteikšanās"
|
||||
},
|
||||
"home": {
|
||||
"surprise_me": "Pārsteidz mani",
|
||||
"no_results": "Nekas nav atrasts",
|
||||
"start_typing": "Sākt rakstīt...",
|
||||
"hot": "Šobrīd populārs",
|
||||
"weekly": "📅 Nedēļas labākās spēles",
|
||||
"achievements": "🏆 Spēles ar sasniegumiem"
|
||||
},
|
||||
"sidebar": {
|
||||
"catalogue": "Katalogs",
|
||||
"downloads": "Lejupielādes",
|
||||
"settings": "Iestatījumi",
|
||||
"my_library": "Bibliotēka",
|
||||
"downloading_metadata": "{{title}} (Lejupielādē metadatus…)",
|
||||
"paused": "{{title}} (Apturēts)",
|
||||
"downloading": "{{title}} ({{percentage}} - Lejupielādē…)",
|
||||
"filter": "Meklēt",
|
||||
"home": "Sākums",
|
||||
"queued": "{{title}} (Rindā)",
|
||||
"game_has_no_executable": "Spēles palaišanas fails nav izvēlēts",
|
||||
"sign_in": "Pieteikties",
|
||||
"friends": "Draugi",
|
||||
"need_help": "Nepieciešama palīdzība?",
|
||||
"favorites": "Izlase",
|
||||
"playable_button_title": "Rādīt tikai instalētās spēles.",
|
||||
"add_custom_game_tooltip": "Pievienot pielāgotu spēli",
|
||||
"show_playable_only_tooltip": "Rādīt tikai spēlēšanai pieejamās",
|
||||
"custom_game_modal": "Pievienot pielāgotu spēli",
|
||||
"custom_game_modal_description": "Pievienojiet pielāgotu spēli bibliotēkai, izvēloties izpildāmo failu",
|
||||
"custom_game_modal_executable_path": "Ceļš uz izpildāmo failu",
|
||||
"custom_game_modal_select_executable": "Izvēlieties izpildāmo failu",
|
||||
"custom_game_modal_title": "Spēles nosaukums",
|
||||
"custom_game_modal_enter_title": "Ievadiet spēles nosaukumu",
|
||||
"custom_game_modal_browse": "Pārlūkot",
|
||||
"custom_game_modal_cancel": "Atcelt",
|
||||
"custom_game_modal_add": "Pievienot spēli",
|
||||
"custom_game_modal_adding": "Pievieno spēli...",
|
||||
"custom_game_modal_success": "Pielāgota spēle veiksmīgi pievienota",
|
||||
"custom_game_modal_failed": "Neizdevās pievienot pielāgotu spēli",
|
||||
"custom_game_modal_executable": "Izpildāmais fails",
|
||||
"edit_game_modal": "Konfigurēt resursus",
|
||||
"edit_game_modal_description": "Konfigurējiet spēles resursus un detaļas",
|
||||
"edit_game_modal_title": "Nosaukums",
|
||||
"edit_game_modal_enter_title": "Ievadiet nosaukumu",
|
||||
"edit_game_modal_image": "Attēls",
|
||||
"edit_game_modal_select_image": "Izvēlieties attēlu",
|
||||
"edit_game_modal_browse": "Pārlūkot",
|
||||
"edit_game_modal_image_preview": "Attēla priekšskatījums",
|
||||
"edit_game_modal_icon": "Ikona",
|
||||
"edit_game_modal_select_icon": "Izvēlieties ikonu",
|
||||
"edit_game_modal_icon_preview": "Ikona priekšskatījums",
|
||||
"edit_game_modal_logo": "Logotips",
|
||||
"edit_game_modal_select_logo": "Izvēlieties logotipu",
|
||||
"edit_game_modal_logo_preview": "Logotipa priekšskatījums",
|
||||
"edit_game_modal_hero": "Vāka attēls",
|
||||
"edit_game_modal_select_hero": "Izvēlieties spēles vāka attēlu",
|
||||
"edit_game_modal_hero_preview": "Spēles vāka attēla priekšskatījums",
|
||||
"edit_game_modal_cancel": "Atcelt",
|
||||
"edit_game_modal_update": "Atjaunināt",
|
||||
"edit_game_modal_updating": "Atjaunina...",
|
||||
"edit_game_modal_fill_required": "Lūdzu, aizpildiet visus obligātos laukus",
|
||||
"edit_game_modal_success": "Resursi veiksmīgi atjaunināti",
|
||||
"edit_game_modal_failed": "Neizdevās atjaunināt resursus",
|
||||
"edit_game_modal_image_filter": "Attēls",
|
||||
"edit_game_modal_icon_resolution": "Ieteicamā izšķirtspēja: 256x256px",
|
||||
"edit_game_modal_logo_resolution": "Ieteicamā izšķirtspēja: 640x360px",
|
||||
"edit_game_modal_hero_resolution": "Ieteicamā izšķirtspēja: 1920x620px",
|
||||
"edit_game_modal_assets": "Resursi",
|
||||
"edit_game_modal_drop_icon_image_here": "Ievelciet ikonas attēlu šeit",
|
||||
"edit_game_modal_drop_logo_image_here": "Ievelciet logotipa attēlu šeit",
|
||||
"edit_game_modal_drop_hero_image_here": "Ievelciet vāka attēlu šeit",
|
||||
"edit_game_modal_drop_to_replace_icon": "Ievelciet, lai aizstātu ikonu",
|
||||
"edit_game_modal_drop_to_replace_logo": "Ievelciet, lai aizstātu logotipu",
|
||||
"edit_game_modal_drop_to_replace_hero": "Ievelciet, lai aizstātu vāku",
|
||||
"install_decky_plugin": "Instalēt Decky spraudni",
|
||||
"update_decky_plugin": "Atjaunināt Decky spraudni",
|
||||
"decky_plugin_installed_version": "Decky spraudnis (v{{version}})",
|
||||
"install_decky_plugin_title": "Instalēt Hydra Decky spraudni",
|
||||
"install_decky_plugin_message": "Tas lejupielādēs un instalēs Hydra spraudni Decky Loader. Var būt nepieciešamas paaugstinātas atļaujas. Turpināt?",
|
||||
"update_decky_plugin_title": "Atjaunināt Hydra Decky spraudni",
|
||||
"update_decky_plugin_message": "Ir pieejama jauna Hydra Decky spraudņa versija. Vai vēlaties to atjaunināt tagad?",
|
||||
"decky_plugin_installed": "Decky spraudnis v{{version}} veiksmīgi instalēts",
|
||||
"decky_plugin_installation_failed": "Neizdevās instalēt Decky spraudni: {{error}}",
|
||||
"decky_plugin_installation_error": "Decky spraudņa instalēšanas kļūda: {{error}}",
|
||||
"confirm": "Apstiprināt",
|
||||
"cancel": "Atcelt"
|
||||
},
|
||||
"header": {
|
||||
"search": "Meklēt",
|
||||
"home": "Sākums",
|
||||
"catalogue": "Katalogs",
|
||||
"downloads": "Lejupielādes",
|
||||
"search_results": "Meklēšanas rezultāti",
|
||||
"settings": "Iestatījumi",
|
||||
"version_available_install": "Pieejama versija {{version}}. Noklikšķiniet šeit, lai instalētu.",
|
||||
"version_available_download": "Pieejama versija {{version}}. Noklikšķiniet šeit, lai lejupielādētu."
|
||||
},
|
||||
"bottom_panel": {
|
||||
"no_downloads_in_progress": "Nav aktīvu lejupielāžu",
|
||||
"downloading_metadata": "Lejupielādē metadatus {{title}}…",
|
||||
"downloading": "Lejupielādē {{title}}… ({{percentage}} pabeigts) - Beigsies {{eta}} - {{speed}}",
|
||||
"calculating_eta": "Lejupielādē {{title}}… ({{percentage}} pabeigts) - Aprēķina atlikušo laiku…",
|
||||
"checking_files": "Pārbauda failus {{title}}… ({{percentage}} pabeigts)",
|
||||
"installing_common_redist": "{{log}}…",
|
||||
"installation_complete": "Instalēšana pabeigta",
|
||||
"installation_complete_message": "Bibliotēkas veiksmīgi instalētas"
|
||||
},
|
||||
"catalogue": {
|
||||
"search": "Filtrs…",
|
||||
"developers": "Izstrādātāji",
|
||||
"genres": "Žanri",
|
||||
"tags": "Atzīmes",
|
||||
"publishers": "Izdevēji",
|
||||
"download_sources": "Lejupielādes avoti",
|
||||
"result_count": "{{resultCount}} rezultāti",
|
||||
"filter_count": "{{filterCount}} pieejami",
|
||||
"clear_filters": "Notīrīt {{filterCount}} atlasītos"
|
||||
},
|
||||
"game_details": {
|
||||
"open_download_options": "Atvērt avotus",
|
||||
"download_options_zero": "Nav avotu",
|
||||
"download_options_one": "{{count}} avots",
|
||||
"download_options_other": "{{count}} avoti",
|
||||
"updated_at": "Atjaunināts {{updated_at}}",
|
||||
"install": "Instalēt",
|
||||
"resume": "Atsākt",
|
||||
"pause": "Apturēt",
|
||||
"cancel": "Atcelt",
|
||||
"remove": "Dzēst",
|
||||
"space_left_on_disk": "{{space}} brīvs diskā",
|
||||
"eta": "Beigsies {{eta}}",
|
||||
"calculating_eta": "Aprēķina atlikušo laiku…",
|
||||
"downloading_metadata": "Lejupielādē metadatus…",
|
||||
"filter": "Meklēt repakus",
|
||||
"requirements": "Sistēmas prasības",
|
||||
"minimum": "Minimālās",
|
||||
"recommended": "Ieteicamās",
|
||||
"paused": "Apturēts",
|
||||
"release_date": "Izdots {{date}}",
|
||||
"publisher": "Izdevējs {{publisher}}",
|
||||
"hours": "stundas",
|
||||
"minutes": "minūtes",
|
||||
"amount_hours": "{{amount}} stundas",
|
||||
"amount_minutes": "{{amount}} minūtes",
|
||||
"accuracy": "precizitāte {{accuracy}}%",
|
||||
"add_to_library": "Pievienot bibliotēkai",
|
||||
"already_in_library": "Jau bibliotēkā",
|
||||
"remove_from_library": "Dzēst no bibliotēkas",
|
||||
"no_downloads": "Nav pieejamu avotu",
|
||||
"play_time": "Spēlēts {{amount}}",
|
||||
"last_time_played": "Pēdējo reizi spēlēts {{period}}",
|
||||
"not_played_yet": "Jūs vēl neesat spēlējis {{title}}",
|
||||
"next_suggestion": "Nākamais ieteikums",
|
||||
"play": "Spēlēt",
|
||||
"deleting": "Dzēš instalētāju…",
|
||||
"close": "Aizvērt",
|
||||
"playing_now": "Palaists",
|
||||
"change": "Mainīt",
|
||||
"repacks_modal_description": "Izvēlieties repaku lejupielādei",
|
||||
"select_folder_hint": "Lai mainītu noklusējuma lejupielāžu mapi, atveriet <0>Iestatījumus</0>",
|
||||
"download_now": "Lejupielādēt tagad",
|
||||
"no_shop_details": "Neizdevās iegūt aprakstu",
|
||||
"download_options": "Avoti",
|
||||
"download_path": "Ceļš lejupielādēm",
|
||||
"previous_screenshot": "Iepriekšējais ekrānuzņēmums",
|
||||
"next_screenshot": "Nākamais ekrānuzņēmums",
|
||||
"screenshot": "Ekrānuzņēmums {{number}}",
|
||||
"open_screenshot": "Atvērt ekrānuzņēmumu {{number}}",
|
||||
"download_settings": "Lejupielādes parametri",
|
||||
"downloader": "Lejupielādētājs",
|
||||
"select_executable": "Izvēlēties",
|
||||
"no_executable_selected": "Fails nav izvēlēts",
|
||||
"open_folder": "Atvērt mapi",
|
||||
"open_download_location": "Pārlūkot lejupielādes mapi",
|
||||
"create_shortcut": "Izveidot īsceļu uz darbvirsmas",
|
||||
"create_shortcut_simple": "Izveidot īsceļu",
|
||||
"clear": "Notīrīt",
|
||||
"remove_files": "Dzēst failus",
|
||||
"remove_from_library_title": "Vai esat pārliecināts?",
|
||||
"remove_from_library_description": "{{game}} tiks dzēsta no jūsu bibliotēkas.",
|
||||
"options": "Iestatījumi",
|
||||
"properties": "Īpašības",
|
||||
"executable_section_title": "Fails",
|
||||
"executable_section_description": "Ceļš uz failu, kas tiks palaists, nospiežot \"Spēlēt\"",
|
||||
"downloads_section_title": "Lejupielādes",
|
||||
"downloads_section_description": "Pārbaudīt atjauninājumu vai citu spēles versiju pieejamību",
|
||||
"danger_zone_section_title": "Bīstamā zona",
|
||||
"danger_zone_section_description": "Jūs varat dzēst šo spēli no savas bibliotēkas vai failus, kas lejupielādēti no Hydra",
|
||||
"download_in_progress": "Notiek lejupielāde",
|
||||
"download_paused": "Lejupielāde apturēta",
|
||||
"last_downloaded_option": "Pēdējais lejupielādes variants",
|
||||
"create_steam_shortcut": "Izveidot Steam īsceļu",
|
||||
"create_shortcut_success": "Īsceļš izveidots",
|
||||
"you_might_need_to_restart_steam": "Iespējams, jums būs jāpārstartē Steam, lai redzētu izmaiņas",
|
||||
"create_shortcut_error": "Neizdevās izveidot īsceļu",
|
||||
"add_to_favorites": "Pievienot izlasei",
|
||||
"remove_from_favorites": "Dzēst no izlases",
|
||||
"failed_update_favorites": "Neizdevās atjaunināt izlasi",
|
||||
"game_removed_from_library": "Spēle dzēsta no bibliotēkas",
|
||||
"failed_remove_from_library": "Neizdevās dzēst no bibliotēkas",
|
||||
"files_removed_success": "Faili veiksmīgi dzēsti",
|
||||
"failed_remove_files": "Neizdevās dzēst failus",
|
||||
"nsfw_content_title": "Šajā spēlē ir nepiemērots saturs",
|
||||
"nsfw_content_description": "{{title}} satur saturu, kas var nebūt piemērots visiem vecumiem. \nVai esat pārliecināts, ka vēlaties turpināt?",
|
||||
"allow_nsfw_content": "Turpināt",
|
||||
"refuse_nsfw_content": "Atpakaļ",
|
||||
"stats": "Statistika",
|
||||
"download_count": "Lejupielādes",
|
||||
"player_count": "Aktīvie spēlētāji",
|
||||
"download_error": "Šis lejupielādes variants nav pieejams",
|
||||
"download": "Lejupielādēt",
|
||||
"executable_path_in_use": "Izpildāmais fails jau tiek izmantots \"{{game}}\"",
|
||||
"warning": "Uzmanību:",
|
||||
"hydra_needs_to_remain_open": "Lai veiktu šo lejupielādi, Hydra jāpaliek atvērtai līdz beigām. Ja Hydra aizvērsies pirms pabeigšanas, jūs zaudēsiet progresu.",
|
||||
"achievements": "Sasniegumi",
|
||||
"achievements_count": "Sasniegumi {{unlockedCount}}/{{achievementsCount}}",
|
||||
"show_more": "Rādīt vairāk",
|
||||
"show_less": "Rādīt mazāk",
|
||||
"reviews": "Atsauksmes",
|
||||
"leave_a_review": "Atstāt atsauksmi",
|
||||
"write_review_placeholder": "Dalieties savās domās par šo spēli...",
|
||||
"sort_newest": "Vispirms jaunākās",
|
||||
"no_reviews_yet": "Pagaidām nav atsauksmju",
|
||||
"be_first_to_review": "Esiet pirmais, kurš dalīsies savās domās par šo spēli!",
|
||||
"sort_oldest": "Vispirms vecākās",
|
||||
"sort_highest_score": "Augstākais vērtējums",
|
||||
"sort_lowest_score": "Zemākais vērtējums",
|
||||
"sort_most_voted": "Vispopulārākās",
|
||||
"rating": "Vērtējums",
|
||||
"rating_stats": "Vērtējums",
|
||||
"rating_very_negative": "Ļoti negatīvs",
|
||||
"rating_negative": "Negatīvs",
|
||||
"rating_neutral": "Neitrāls",
|
||||
"rating_positive": "Pozitīvs",
|
||||
"rating_very_positive": "Ļoti pozitīvs",
|
||||
"submit_review": "Iesniegt",
|
||||
"submitting": "Iesniegšana...",
|
||||
"review_submitted_successfully": "Atsauksme veiksmīgi iesniegta!",
|
||||
"review_submission_failed": "Neizdevās iesniegt atsauksmi. Lūdzu, mēģiniet vēlreiz.",
|
||||
"review_cannot_be_empty": "Atsauksmes teksta lauks nevar būt tukšs.",
|
||||
"review_deleted_successfully": "Atsauksme veiksmīgi dzēsta.",
|
||||
"review_deletion_failed": "Neizdevās dzēst atsauksmi. Lūdzu, mēģiniet vēlreiz.",
|
||||
"loading_reviews": "Ielādē atsauksmes...",
|
||||
"loading_more_reviews": "Ielādē papildu atsauksmes...",
|
||||
"load_more_reviews": "Ielādēt vairāk atsauksmju",
|
||||
"you_seemed_to_enjoy_this_game": "Šķiet, jums patika šī spēle",
|
||||
"would_you_recommend_this_game": "Vai vēlaties atstāt atsauksmi par šo spēli?",
|
||||
"yes": "Jā",
|
||||
"maybe_later": "Varbūt vēlāk",
|
||||
"rating_count": "Vērtējums",
|
||||
"delete_review": "Dzēst atsauksmi",
|
||||
"remove_review": "Dzēst atsauksmi",
|
||||
"delete_review_modal_title": "Vai esat pārliecināts, ka vēlaties dzēst savu atsauksmi?",
|
||||
"delete_review_modal_description": "Šo darbību nevar atsaukt.",
|
||||
"delete_review_modal_delete_button": "Dzēst",
|
||||
"delete_review_modal_cancel_button": "Atcelt",
|
||||
"show_original": "Rādīt oriģinālu",
|
||||
"show_translation": "Rādīt tulkojumu",
|
||||
"show_original_translated_from": "Rādīt oriģinālu (tulkot no {{language}})",
|
||||
"hide_original": "Slēpt oriģinālu",
|
||||
"cloud_save": "Mākoņglabāšana",
|
||||
"cloud_save_description": "Glabājiet savu progresu mākonī un turpiniet spēlēt jebkurā ierīcē",
|
||||
"backups": "Rezerves kopijas",
|
||||
"install_backup": "Instalēt",
|
||||
"delete_backup": "Dzēst",
|
||||
"create_backup": "Izveidot jaunu rezerves kopiju",
|
||||
"last_backup_date": "Pēdējā rezerves kopija no {{date}}",
|
||||
"no_backup_preview": "Šim nosaukumam saglabājumi nav atrasti",
|
||||
"restoring_backup": "Atjauno rezerves kopiju ({{progress}} pabeigts)…",
|
||||
"uploading_backup": "Augšupielādē rezerves kopiju…",
|
||||
"no_backups": "Jūs vēl neesat izveidojis rezerves kopijas šai spēlei",
|
||||
"backup_uploaded": "Rezerves kopija augšupielādēta",
|
||||
"backup_failed": "Rezerves kopēšanas kļūda",
|
||||
"backup_deleted": "Rezerves kopija dzēsta",
|
||||
"backup_restored": "Rezerves kopija atjaunota",
|
||||
"see_all_achievements": "Skatīt visus sasniegumus",
|
||||
"sign_in_to_see_achievements": "Piesakieties, lai redzētu sasniegumus",
|
||||
"mapping_method_automatic": "Automātiska",
|
||||
"mapping_method_manual": "Manuāla",
|
||||
"mapping_method_label": "Kartēšanas metode",
|
||||
"files_automatically_mapped": "Faili automātiski kartēti",
|
||||
"no_backups_created": "Šai spēlei nav izveidotas rezerves kopijas",
|
||||
"manage_files": "Failu pārvaldība",
|
||||
"loading_save_preview": "Meklē saglabājumus…",
|
||||
"wine_prefix": "Wine prefikss",
|
||||
"wine_prefix_description": "Wine prefikss, ko izmanto šīs spēles palaišanai",
|
||||
"launch_options": "Palaišanas parametri",
|
||||
"launch_options_description": "Pieredzējuši lietotāji var veikt izmaiņas palaišanas parametros",
|
||||
"launch_options_placeholder": "Parametrs nav norādīts",
|
||||
"no_download_option_info": "Informācija nav pieejama",
|
||||
"backup_deletion_failed": "Neizdevās dzēst rezerves kopiju",
|
||||
"max_number_of_artifacts_reached": "Sasniegts maksimālais rezerves kopiju skaits šai spēlei",
|
||||
"achievements_not_sync": "Jūsu sasniegumi nav sinhronizēti",
|
||||
"manage_files_description": "Pārvaldiet failus, kas tiks saglabāti un atjaunoti",
|
||||
"select_folder": "Izvēlēties mapi",
|
||||
"backup_from": "Rezerves kopija no {{date}}",
|
||||
"automatic_backup_from": "Automātiska rezerves kopija no {{date}}",
|
||||
"enable_automatic_cloud_sync": "Iespējot automātisku sinhronizāciju mākonī",
|
||||
"custom_backup_location_set": "Iestatīta pielāgota rezerves kopēšanas vieta",
|
||||
"no_directory_selected": "Nav izvēlēts katalogs",
|
||||
"no_write_permission": "Nevar augšupielādēt šajā direktorijā. Noklikšķiniet šeit, lai uzzinātu vairāk.",
|
||||
"reset_achievements": "Atiestatīt sasniegumus",
|
||||
"reset_achievements_description": "Tas atiestatīs visus sasniegumus {{game}} spēlei",
|
||||
"reset_achievements_title": "Vai esat pārliecināts?",
|
||||
"reset_achievements_success": "Sasniegumi veiksmīgi atiestatīti",
|
||||
"reset_achievements_error": "Neizdevās atiestatīt sasniegumus",
|
||||
"download_error_gofile_quota_exceeded": "Jūs pārsniedzāt Gofile mēneša kvotu. Lūdzu, uzgaidiet, kamēr kvota tiks atjaunota.",
|
||||
"download_error_real_debrid_account_not_authorized": "Jūsu Real-Debrid konts nav autorizēts jaunām lejupielādēm. Lūdzu, pārbaudiet konta iestatījumus un mēģiniet vēlreiz.",
|
||||
"download_error_not_cached_on_real_debrid": "Šī lejupielāde nav pieejama Real-Debrid, un Real-Debrid lejupielādes statusu pagaidām nav iespējams iegūt.",
|
||||
"update_playtime_title": "Atjaunināt spēles laiku",
|
||||
"update_playtime_description": "Manuāli atjauniniet spēles laiku {{game}} spēlei",
|
||||
"update_playtime": "Atjaunināt spēles laiku",
|
||||
"update_playtime_success": "Spēles laiks veiksmīgi atjaunināts",
|
||||
"update_playtime_error": "Neizdevās atjaunināt spēles laiku",
|
||||
"update_game_playtime": "Atjaunināt spēles laiku",
|
||||
"manual_playtime_warning": "Jūsu stundas tiks atzīmētas kā manuāli atjauninātas. Šo darbību nevar atcelt.",
|
||||
"manual_playtime_tooltip": "Šis spēles laiks tika atjaunināts manuāli",
|
||||
"download_error_not_cached_on_torbox": "Šī lejupielāde nav pieejama TorBox, un TorBox lejupielādes statusu pagaidām nav iespējams iegūt.",
|
||||
"download_error_not_cached_on_hydra": "Šī lejupielāde nav pieejama Nimbus.",
|
||||
"game_removed_from_favorites": "Spēle dzēsta no izlases",
|
||||
"game_added_to_favorites": "Spēle pievienota izlasei",
|
||||
"game_removed_from_pinned": "Spēle dzēsta no piespraustajiem",
|
||||
"game_added_to_pinned": "Spēle pievienota piespraustajiem",
|
||||
"automatically_extract_downloaded_files": "Automātiska lejupielādēto failu izpakošana",
|
||||
"create_start_menu_shortcut": "Izveidot saīsni sākuma izvēlnē",
|
||||
"invalid_wine_prefix_path": "Nederīgs Wine prefiksa ceļš",
|
||||
"invalid_wine_prefix_path_description": "Wine prefiksa ceļš nav derīgs. Lūdzu, pārbaudiet ceļu un mēģiniet vēlreiz.",
|
||||
"missing_wine_prefix": "Wine prefikss ir nepieciešams, lai izveidotu rezerves kopiju Linux vidē",
|
||||
"artifact_renamed": "Rezerves kopija veiksmīgi pārsaukta",
|
||||
"rename_artifact": "Pārsaukt rezerves kopiju",
|
||||
"rename_artifact_description": "Pārsauciet rezerves kopiju, piešķirot tai aprakstošāku nosaukumu.",
|
||||
"artifact_name_label": "Rezerves kopijas nosaukums",
|
||||
"artifact_name_placeholder": "Ievadiet nosaukumu rezerves kopijai",
|
||||
"save_changes": "Saglabāt izmaiņas",
|
||||
"required_field": "Šis lauks ir obligāts",
|
||||
"max_length_field": "Šim laukam jābūt mazāk par {{length}} simboliem",
|
||||
"freeze_backup": "Piespraust, lai to nepārrakstītu automātiskās rezerves kopijas",
|
||||
"unfreeze_backup": "Atspraust",
|
||||
"backup_frozen": "Rezerves kopija piesprausta",
|
||||
"backup_unfrozen": "Rezerves kopija atsprausta",
|
||||
"backup_freeze_failed": "Neizdevās piespraust rezerves kopiju",
|
||||
"backup_freeze_failed_description": "Jums jāatstāj vismaz viens brīvs slots automātiskajām rezerves kopijām",
|
||||
"edit_game_modal_button": "Rediģēt spēles detaļas",
|
||||
"game_details": "Spēles detaļas",
|
||||
"currency_symbol": "₽",
|
||||
"currency_country": "ru",
|
||||
"prices": "Cenas",
|
||||
"no_prices_found": "Cenas nav atrastas",
|
||||
"view_all_prices": "Noklikšķiniet, lai skatītu visas cenas",
|
||||
"retail_price": "Mazumtirdzniecības cena",
|
||||
"keyshop_price": "Atslēgu veikala cena",
|
||||
"historical_retail": "Vēsturiskās mazumtirdzniecības cenas",
|
||||
"historical_keyshop": "Vēsturiskās atslēgu veikalu cenas",
|
||||
"language": "Valoda",
|
||||
"caption": "Subtitri",
|
||||
"audio": "Audio",
|
||||
"filter_by_source": "Filtrēt pēc avota",
|
||||
"no_repacks_found": "Avoti šai spēlei nav atrasti"
|
||||
},
|
||||
"activation": {
|
||||
"title": "Aktivizēt Hydra",
|
||||
"installation_id": "Instalācijas ID:",
|
||||
"enter_activation_code": "Ievadiet savu aktivizācijas kodu",
|
||||
"message": "Ja nezināt, kur to pieprasīt, jums to nevajadzētu būt.",
|
||||
"activate": "Aktivizēt",
|
||||
"loading": "Ielādēšana…"
|
||||
},
|
||||
"downloads": {
|
||||
"resume": "Atsākt",
|
||||
"pause": "Apturēt",
|
||||
"eta": "Beigsies {{eta}}",
|
||||
"paused": "Apturēts",
|
||||
"verifying": "Pārbauda…",
|
||||
"completed": "Pabeigts",
|
||||
"removed": "Nav lejupielādēts",
|
||||
"cancel": "Atcelt",
|
||||
"filter": "Meklēt lejupielādētās spēles",
|
||||
"remove": "Dzēst",
|
||||
"downloading_metadata": "Lejupielādē metadatus…",
|
||||
"deleting": "Dzēš instalētāju…",
|
||||
"delete": "Dzēst instalētāju",
|
||||
"delete_modal_title": "Vai esat pārliecināts?",
|
||||
"delete_modal_description": "Tas dzēsīs visus instalētājus no jūsu datora",
|
||||
"install": "Instalēt",
|
||||
"download_in_progress": "Procesā",
|
||||
"queued_downloads": "Lejupielādes rindā",
|
||||
"downloads_completed": "Pabeigts",
|
||||
"queued": "Rindā",
|
||||
"no_downloads_title": "Šeit ir tik tukšs...",
|
||||
"no_downloads_description": "Jūs vēl neko neesat lejupielādējis, izmantojot Hydra, bet nekad nav par vēlu sākt.",
|
||||
"checking_files": "Pārbauda failus…",
|
||||
"seeding": "Sēdēšana",
|
||||
"stop_seeding": "Apturēt sēdēšanu",
|
||||
"resume_seeding": "Turpināt sēdēšanu",
|
||||
"options": "Pārvaldīt",
|
||||
"extract": "Izpakot failus",
|
||||
"extracting": "Izpako failus…"
|
||||
},
|
||||
"settings": {
|
||||
"downloads_path": "Lejupielāžu ceļš",
|
||||
"change": "Mainīt",
|
||||
"notifications": "Paziņojumi",
|
||||
"enable_download_notifications": "Pēc lejupielādes pabeigšanas",
|
||||
"enable_repack_list_notifications": "Pievienojot jaunu repaku",
|
||||
"real_debrid_api_token_label": "Real-Debrid API-atslēga",
|
||||
"quit_app_instead_hiding": "Aizvērt lietotni, nevis minimizēt uz paplātes",
|
||||
"launch_with_system": "Palaist Hydra kopā ar sistēmu",
|
||||
"general": "Vispārīgi",
|
||||
"behavior": "Uzvedība",
|
||||
"download_sources": "Lejupielādes avoti",
|
||||
"language": "Valoda",
|
||||
"api_token": "API atslēga",
|
||||
"enable_real_debrid": "Iespējot Real-Debrid",
|
||||
"real_debrid_description": "Real-Debrid ir neierobežots lejupielādētājs, kas ļauj ātri lejupielādēt failus, kas izvietoti internetā, vai uzreiz pārsūtīt tos uz atskaņotāju, izmantojot privātu tīklu, kas ļauj apiet jebkādus bloķējumus.",
|
||||
"debrid_invalid_token": "Nederīga API atslēga",
|
||||
"debrid_api_token_hint": "API atslēgu var iegūt <0>šeit</0>",
|
||||
"real_debrid_free_account_error": "Kontam \"{{username}}\" nav abonementa. Lūdzu, iegādājieties Real-Debrid abonementu",
|
||||
"debrid_linked_message": "Piesaistīts konts \"{{username}}\"",
|
||||
"save_changes": "Saglabāt izmaiņas",
|
||||
"changes_saved": "Izmaiņas veiksmīgi saglabātas",
|
||||
"download_sources_description": "Hydra saņems lejupielādes saites no šiem avotiem. URL jāietver tieša saite uz .json failu ar lejupielādes saitēm.",
|
||||
"validate_download_source": "Pārbaudīt",
|
||||
"remove_download_source": "Dzēst",
|
||||
"add_download_source": "Pievienot avotu",
|
||||
"download_count_zero": "Sarakstā nav lejupielāžu",
|
||||
"download_count_one": "{{countFormatted}} lejupielāde sarakstā",
|
||||
"download_count_other": "{{countFormatted}} lejupielādes sarakstā",
|
||||
"download_source_url": "Saite uz avotu",
|
||||
"add_download_source_description": "Ievietojiet saiti uz .json failu",
|
||||
"download_source_up_to_date": "Atjaunināts",
|
||||
"download_source_errored": "Kļūda",
|
||||
"sync_download_sources": "Atjaunināt avotus",
|
||||
"removed_download_source": "Avots dzēsts",
|
||||
"removed_download_sources": "Avoti dzēsti",
|
||||
"cancel_button_confirmation_delete_all_sources": "Nē",
|
||||
"confirm_button_confirmation_delete_all_sources": "Jā, dzēst visus",
|
||||
"title_confirmation_delete_all_sources": "Dzēst visus avotus",
|
||||
"description_confirmation_delete_all_sources": "Jūs dzēsīsiet visus avotus",
|
||||
"button_delete_all_sources": "Dzēst visus avotus",
|
||||
"added_download_source": "Avots pievienots",
|
||||
"download_sources_synced": "Visi avoti atjaunināti",
|
||||
"insert_valid_json_url": "Ievietojiet derīgu JSON faila URL",
|
||||
"found_download_option_zero": "Nav atrasts lejupielādes variantu",
|
||||
"found_download_option_one": "Atrasts {{countFormatted}} lejupielādes variants",
|
||||
"found_download_option_other": "Atrasti {{countFormatted}} lejupielādes varianti",
|
||||
"import": "Importēt",
|
||||
"importing": "Importē...",
|
||||
"public": "Publisks",
|
||||
"private": "Privāts",
|
||||
"friends_only": "Tikai draugiem",
|
||||
"privacy": "Konfidencialitāte",
|
||||
"profile_visibility": "Profila redzamība",
|
||||
"profile_visibility_description": "Izvēlieties, kurš var redzēt jūsu profilu un bibliotēku",
|
||||
"required_field": "Šis lauks ir obligāts",
|
||||
"source_already_exists": "Šis avots jau ir pievienots",
|
||||
"must_be_valid_url": "Avotam jābūt pareizam URL",
|
||||
"blocked_users": "Bloķētie lietotāji",
|
||||
"user_unblocked": "Lietotājs atbloķēts",
|
||||
"enable_achievement_notifications": "Kad sasniegums ir atbloķēts",
|
||||
"launch_minimized": "Palaist Hydra minimizētā veidā",
|
||||
"disable_nsfw_alert": "Atspējot brīdinājumu par neķītru saturu",
|
||||
"seed_after_download_complete": "Sēdēt pēc lejupielādes pabeigšanas",
|
||||
"show_hidden_achievement_description": "Rādīt slēpto sasniegumu aprakstu pirms to iegūšanas",
|
||||
"account": "Konts",
|
||||
"no_users_blocked": "Jums nav bloķētu lietotāju",
|
||||
"subscription_active_until": "Jūsu Hydra Cloud abonements ir aktīvs līdz {{date}}",
|
||||
"manage_subscription": "Pārvaldīt abonementu",
|
||||
"update_email": "Atjaunināt e-pastu",
|
||||
"update_password": "Atjaunināt paroli",
|
||||
"current_email": "Pašreizējais e-pasts:",
|
||||
"no_email_account": "Jūs vēl neesat iestatījis e-pastu",
|
||||
"account_data_updated_successfully": "Konta dati veiksmīgi atjaunināti",
|
||||
"renew_subscription": "Atjaunot Hydra Cloud abonementu",
|
||||
"subscription_expired_at": "Jūsu abonementa termiņš beidzās {{date}}",
|
||||
"no_subscription": "Izbaudiet Hydra pilnībā",
|
||||
"become_subscriber": "Kļūstiet par Hydra Cloud īpašnieku",
|
||||
"subscription_renew_cancelled": "Automātiskā atjaunošana atspējota",
|
||||
"subscription_renews_on": "Jūsu abonements tiek atjaunots {{date}}",
|
||||
"bill_sent_until": "Jūsu nākamais rēķins tiks nosūtīts līdz šai dienai",
|
||||
"no_themes": "Šķiet, ka jums vēl nav tēmu, bet neuztraucieties, noklikšķiniet šeit, lai izveidotu savu pirmo šedevru",
|
||||
"editor_tab_code": "Kods",
|
||||
"editor_tab_info": "Informācija",
|
||||
"editor_tab_save": "Saglabāt",
|
||||
"web_store": "Tīmekļa veikals",
|
||||
"clear_themes": "Notīrīt",
|
||||
"create_theme": "Izveidot",
|
||||
"create_theme_modal_title": "Izveidot pielāgotu tēmu",
|
||||
"create_theme_modal_description": "Izveidot jaunu tēmu, lai pielāgotu Hydra izskatu",
|
||||
"theme_name": "Nosaukums",
|
||||
"insert_theme_name": "Ievietot tēmas nosaukumu",
|
||||
"set_theme": "Iestatīt tēmu",
|
||||
"unset_theme": "Noņemt tēmu",
|
||||
"delete_theme": "Dzēst tēmu",
|
||||
"edit_theme": "Rediģēt tēmu",
|
||||
"delete_all_themes": "Dzēst visas tēmas",
|
||||
"delete_all_themes_description": "Tas dzēsīs visas jūsu pielāgotās tēmas",
|
||||
"delete_theme_description": "Tas dzēsīs tēmu {{theme}}",
|
||||
"cancel": "Atcelt",
|
||||
"appearance": "Izskats",
|
||||
"debrid": "Debrid",
|
||||
"debrid_description": "Debrid servisi ir premium lejupielādētāji bez ierobežojumiem, kas ļauj ātri lejupielādēt failus no dažādiem failu apmaiņas servisiem, ierobežojoties tikai ar jūsu interneta ātrumu.",
|
||||
"enable_torbox": "Iespējot TorBox",
|
||||
"torbox_description": "TorBox ir jūsu premium serviss, kas konkurē pat ar labākajiem serveriem tirgū.",
|
||||
"torbox_account_linked": "TorBox konts piesaistīts",
|
||||
"create_real_debrid_account": "Noklikšķiniet šeit, ja jums vēl nav Real-Debrid konta",
|
||||
"create_torbox_account": "Noklikšķiniet šeit, ja jums vēl nav TorBox konta",
|
||||
"real_debrid_account_linked": "Real-Debrid konts piesaistīts",
|
||||
"name_min_length": "Tēmas nosaukumam jābūt vismaz 3 simbolus garam",
|
||||
"import_theme": "Importēt tēmu",
|
||||
"import_theme_description": "Jūs importēsiet {{theme}} no tēmu veikala",
|
||||
"error_importing_theme": "Kļūda importējot tēmu",
|
||||
"theme_imported": "Tēma veiksmīgi importēta",
|
||||
"enable_friend_request_notifications": "Saņemot draudzības pieprasījumu",
|
||||
"enable_auto_install": "Automātiski lejupielādēt atjauninājumus",
|
||||
"common_redist": "Bibliotēkas",
|
||||
"common_redist_description": "Dažu spēļu palaišanai ir nepieciešamas bibliotēkas. Lai izvairītos no problēmām, ieteicams tās instalēt.",
|
||||
"install_common_redist": "Instalēt",
|
||||
"installing_common_redist": "Instalēšana…",
|
||||
"show_download_speed_in_megabytes": "Rādīt lejupielādes ātrumu megabaitos sekundē",
|
||||
"extract_files_by_default": "Izpakot failus pēc noklusējuma pēc lejupielādes",
|
||||
"enable_steam_achievements": "Iespējot Steam sasniegumu meklēšanu",
|
||||
"achievement_custom_notification_position": "Sasniegumu paziņojumu pozīcija",
|
||||
"top-left": "Augšējais kreisais stūris",
|
||||
"top-center": "Augšējais centrs",
|
||||
"top-right": "Augšējais labais stūris",
|
||||
"bottom-left": "Apakšējais kreisais stūris",
|
||||
"bottom-center": "Apakšējais centrs",
|
||||
"bottom-right": "Apakšējais labais stūris",
|
||||
"enable_achievement_custom_notifications": "Iespējot sasniegumu paziņojumus",
|
||||
"alignment": "Izlīdzināšana",
|
||||
"variation": "Variācija",
|
||||
"default": "Pēc noklusējuma",
|
||||
"rare": "Retais",
|
||||
"platinum": "Platīna",
|
||||
"hidden": "Slēpts",
|
||||
"test_notification": "Testa paziņojums",
|
||||
"notification_preview": "Sasnieguma paziņojuma priekšskatījums",
|
||||
"enable_friend_start_game_notifications": "Kad draugs sāk spēlēt spēli"
|
||||
},
|
||||
"notifications": {
|
||||
"download_complete": "Lejupielāde pabeigta",
|
||||
"game_ready_to_install": "{{title}} ir gatava instalēšanai",
|
||||
"repack_list_updated": "Repaku saraksts atjaunināts",
|
||||
"repack_count_one": "{{count}} repaks pievienots",
|
||||
"repack_count_other": "{{count}} repaki pievienoti",
|
||||
"new_update_available": "Pieejama jauna versija {{version}}",
|
||||
"restart_to_install_update": "Pārstartējiet Hydra, lai instalētu atjauninājumu",
|
||||
"notification_achievement_unlocked_title": "Sasniegums atbloķēts spēlei {{game}}",
|
||||
"notification_achievement_unlocked_body": "tika atbloķēti {{achievement}} un citi {{count}}",
|
||||
"new_friend_request_description": "{{displayName}} nosūtīja jums draudzības pieprasījumu",
|
||||
"new_friend_request_title": "Jauns draudzības pieprasījums",
|
||||
"extraction_complete": "Izpakošana pabeigta",
|
||||
"game_extracted": "{{title}} veiksmīgi izpakots",
|
||||
"friend_started_playing_game": "{{displayName}} sāka spēlēt spēli",
|
||||
"test_achievement_notification_title": "Šis ir testa paziņojums",
|
||||
"test_achievement_notification_description": "Diezgan forši, vai ne?"
|
||||
},
|
||||
"system_tray": {
|
||||
"open": "Atvērt Hydra",
|
||||
"quit": "Iziet"
|
||||
},
|
||||
"game_card": {
|
||||
"available_one": "Pieejams",
|
||||
"available_other": "Pieejams",
|
||||
"no_downloads": "Nav pieejamu avotu",
|
||||
"calculating": "Aprēķina"
|
||||
},
|
||||
"binary_not_found_modal": {
|
||||
"title": "Programmas nav instalētas",
|
||||
"description": "Wine vai Lutris nav atrasti",
|
||||
"instructions": "Uzziniet pareizo veidu, kā instalēt kādu no tiem jūsu Linux distribūcijā, lai spēle varētu normāli darboties"
|
||||
},
|
||||
"modal": {
|
||||
"close": "Aizvērt"
|
||||
},
|
||||
"forms": {
|
||||
"toggle_password_visibility": "Rādīt paroli"
|
||||
},
|
||||
"user_profile": {
|
||||
"amount_hours": "{{amount}} stundas",
|
||||
"amount_minutes": "{{amount}} minūtes",
|
||||
"amount_hours_short": "{{amount}}h",
|
||||
"amount_minutes_short": "{{amount}}m",
|
||||
"last_time_played": "Pēdējā spēle {{period}}",
|
||||
"activity": "Nesenā aktivitāte",
|
||||
"library": "Bibliotēka",
|
||||
"pinned": "Piespraustās",
|
||||
"achievements_earned": "Nopelnītie sasniegumi",
|
||||
"played_recently": "Nesen spēlētās",
|
||||
"playtime": "Spēles laiks",
|
||||
"total_play_time": "Kopējais spēles laiks",
|
||||
"manual_playtime_tooltip": "Spēles laiks tika atjaunināts manuāli",
|
||||
"no_recent_activity_title": "Hmmmm... Šeit nav nekā",
|
||||
"no_recent_activity_description": "Jūs sen neesat neko spēlējis. Ir laiks to mainīt!",
|
||||
"display_name": "Parādāmais vārds",
|
||||
"saving": "Saglabāšana",
|
||||
"save": "Saglabāt",
|
||||
"edit_profile": "Rediģēt profilu",
|
||||
"saved_successfully": "Veiksmīgi saglabāts",
|
||||
"try_again": "Lūdzu, mēģiniet vēlreiz",
|
||||
"sign_out_modal_title": "Vai esat pārliecināts?",
|
||||
"cancel": "Atcelt",
|
||||
"successfully_signed_out": "Veiksmīga izrakstīšanās no konta",
|
||||
"sign_out": "Iziet",
|
||||
"playing_for": "Spēlēts {{amount}}",
|
||||
"sign_out_modal_text": "Jūsu bibliotēka ir saistīta ar pašreizējo kontu. Izejot no sistēmas, jūsu bibliotēka kļūs nepieejama, un progress netiks saglabāts. Iziet?",
|
||||
"add_friends": "Pievienot draugus",
|
||||
"add": "Pievienot",
|
||||
"friend_code": "Drauga kods",
|
||||
"see_profile": "Skatīt profilu",
|
||||
"sending": "Sūtīšana",
|
||||
"friend_request_sent": "Draudzības pieprasījums nosūtīts",
|
||||
"friends": "Draugi",
|
||||
"friends_list": "Draugu saraksts",
|
||||
"user_not_found": "Lietotājs nav atrasts",
|
||||
"block_user": "Bloķēt lietotāju",
|
||||
"add_friend": "Pievienot draugu",
|
||||
"request_sent": "Pieprasījums nosūtīts",
|
||||
"request_received": "Pieprasījums saņemts",
|
||||
"accept_request": "Pieņemt pieprasījumu",
|
||||
"ignore_request": "Ignorēt pieprasījumu",
|
||||
"cancel_request": "Atcelt pieprasījumu",
|
||||
"undo_friendship": "Dzēst draugu",
|
||||
"request_accepted": "Pieprasījums pieņemts",
|
||||
"user_blocked_successfully": "Lietotājs veiksmīgi bloķēts",
|
||||
"user_block_modal_text": "{{displayName}} tiks bloķēts",
|
||||
"blocked_users": "Bloķētie lietotāji",
|
||||
"unblock": "Atbloķēt",
|
||||
"no_friends_added": "Jūs vēl neesat pievienojis nevienu draugu",
|
||||
"pending": "Gaida",
|
||||
"no_pending_invites": "Jums nav pieprasījumu, kas gaida atbildi",
|
||||
"no_blocked_users": "Jūs neesat bloķējis nevienu lietotāju",
|
||||
"friend_code_copied": "Drauga kods kopēts",
|
||||
"undo_friendship_modal_text": "Tas atcels jūsu draudzību ar {{displayName}}.",
|
||||
"privacy_hint": "Lai norādītu, kurš to var redzēt, dodieties uz <0>Iestatījumiem</0>.",
|
||||
"locked_profile": "Šis profils ir privāts",
|
||||
"image_process_failure": "Attēlu apstrādes kļūme",
|
||||
"required_field": "Šis lauks ir obligāts",
|
||||
"displayname_min_length": "Parādāmam vārdam jābūt vismaz 3 simbolus garam.",
|
||||
"displayname_max_length": "Parādāmam vārdam jābūt ne vairāk kā 50 simboliem.",
|
||||
"report_profile": "Ziņot par šo profilu",
|
||||
"report_reason": "Kāpēc jūs ziņojat par šo profilu?",
|
||||
"report_description": "Papildu informācija",
|
||||
"report_description_placeholder": "Papildu informācija",
|
||||
"report": "Ziņot",
|
||||
"report_reason_hate": "Naida runa",
|
||||
"report_reason_sexual_content": "Seksuāls saturs",
|
||||
"report_reason_violence": "Vardarbība",
|
||||
"report_reason_spam": "Surogātpasts",
|
||||
"report_reason_other": "Cits",
|
||||
"profile_reported": "Ziņojums par profilu nosūtīts",
|
||||
"your_friend_code": "Jūsu drauga kods:",
|
||||
"upload_banner": "Augšupielādēt reklāmkarogu",
|
||||
"uploading_banner": "Augšupielādē reklāmkarogu...",
|
||||
"background_image_updated": "Fona attēls atjaunināts",
|
||||
"stats": "Statistika",
|
||||
"achievements": "Sasniegumi",
|
||||
"games": "Spēles",
|
||||
"top_percentile": "Top {{percentile}}%",
|
||||
"ranking_updated_weekly": "Reitings tiek atjaunināts katru nedēļu",
|
||||
"playing": "Spēlē {{game}}",
|
||||
"achievements_unlocked": "Sasniegumi atbloķēti",
|
||||
"earned_points": "Nopelnītie punkti:",
|
||||
"show_achievements_on_profile": "Rādīt savus sasniegumus profilā",
|
||||
"show_points_on_profile": "Rādīt nopelnītos punktus savā profilā",
|
||||
"error_adding_friend": "Neizdevās nosūtīt draudzības pieprasījumu. Lūdzu, pārbaudiet drauga kodu",
|
||||
"friend_code_length_error": "Drauga kodam jāsatur 8 simboli",
|
||||
"game_removed_from_pinned": "Spēle dzēsta no piespraustajiem",
|
||||
"game_added_to_pinned": "Spēle pievienota piespraustajiem",
|
||||
"karma": "Karma",
|
||||
"karma_count": "karma",
|
||||
"karma_description": "Nopelnīta ar pozitīviem atsauksmju vērtējumiem"
|
||||
},
|
||||
"achievement": {
|
||||
"achievement_unlocked": "Sasniegums atbloķēts",
|
||||
"user_achievements": "{{displayName}} sasniegumi",
|
||||
"your_achievements": "Jūsu sasniegumi",
|
||||
"unlocked_at": "Atbloķēts: {{date}}",
|
||||
"subscription_needed": "Šī satura apskatīšanai nepieciešams Hydra Cloud abonements",
|
||||
"new_achievements_unlocked": "Atbloķēti {{achievementCount}} jauni sasniegumi no {{gameCount}} spēlēm",
|
||||
"achievement_progress": "{{unlockedCount}}/{{totalCount}} sasniegumi",
|
||||
"achievements_unlocked_for_game": "Atbloķēti {{achievementCount}} jauni sasniegumi spēlei {{gameTitle}}",
|
||||
"hidden_achievement_tooltip": "Šis ir slēpts sasniegums",
|
||||
"achievement_earn_points": "Nopelniet {{points}} punktus ar šo sasniegumu",
|
||||
"earned_points": "Nopelnītie punkti:",
|
||||
"available_points": "Pieejamie punkti:",
|
||||
"how_to_earn_achievements_points": "Kā nopelnīt sasniegumu punktus?"
|
||||
},
|
||||
"hydra_cloud": {
|
||||
"subscription_tour_title": "Hydra Cloud abonements",
|
||||
"subscribe_now": "Abonējiet tūlīt",
|
||||
"cloud_saving": "Saglabāšana mākonī",
|
||||
"cloud_achievements": "Saglabājiet savus sasniegumus mākonī",
|
||||
"animated_profile_picture": "Animētas profila bildes",
|
||||
"premium_support": "Premium atbalsts",
|
||||
"show_and_compare_achievements": "Rādiet un salīdziniet savus sasniegumus ar citu lietotāju sasniegumiem",
|
||||
"animated_profile_banner": "Animēts profila reklāmkarogs",
|
||||
"hydra_cloud": "Hydra Cloud",
|
||||
"hydra_cloud_feature_found": "Jūs tikko atklājāt Hydra Cloud funkciju!",
|
||||
"learn_more": "Uzzināt vairāk",
|
||||
"debrid_description": "Lejupielādējiet 4 reizes ātrāk ar Nimbus"
|
||||
}
|
||||
}
|
||||
@@ -29,7 +29,7 @@ export class HydraApi {
|
||||
private static instance: AxiosInstance;
|
||||
|
||||
private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
|
||||
private static readonly ADD_LOG_INTERCEPTOR = true;
|
||||
private static readonly ADD_LOG_INTERCEPTOR = false;
|
||||
|
||||
private static secondsToMilliseconds(seconds: number) {
|
||||
return seconds * 1000;
|
||||
|
||||
@@ -106,7 +106,7 @@ export class PythonRPC {
|
||||
"main.py"
|
||||
);
|
||||
|
||||
const childProcess = cp.spawn("python3", [scriptPath, ...commonArgs], {
|
||||
const childProcess = cp.spawn("python", [scriptPath, ...commonArgs], {
|
||||
stdio: ["inherit", "inherit"],
|
||||
});
|
||||
|
||||
|
||||
@@ -11,7 +11,6 @@
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: calc(globals.$spacing-unit * 1.5);
|
||||
|
||||
&__info {
|
||||
display: flex;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
.gallery-slider {
|
||||
&__container {
|
||||
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 1);
|
||||
padding: calc(globals.$spacing-unit * 1.5) 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { useContext, useEffect, useMemo, useRef, useState } from "react";
|
||||
import { useContext, useEffect, useMemo, useState } from "react";
|
||||
import { PencilIcon } from "@primer/octicons-react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
@@ -17,6 +17,7 @@ import cloudIconAnimated from "@renderer/assets/icons/cloud-animated.gif";
|
||||
import { useUserDetails, useLibrary } from "@renderer/hooks";
|
||||
import { useSubscription } from "@renderer/hooks/use-subscription";
|
||||
import "./game-details.scss";
|
||||
import "./hero.scss";
|
||||
|
||||
const processMediaElements = (document: Document) => {
|
||||
const $images = Array.from(document.querySelectorAll("img"));
|
||||
@@ -53,8 +54,6 @@ const getImageWithCustomPriority = (
|
||||
};
|
||||
|
||||
export function GameDetailsContent() {
|
||||
const heroRef = useRef<HTMLDivElement | null>(null);
|
||||
|
||||
const { t } = useTranslation("game_details");
|
||||
|
||||
const {
|
||||
@@ -152,18 +151,12 @@ export function GameDetailsContent() {
|
||||
className={`game-details__wrapper ${hasNSFWContentBlocked ? "game-details__wrapper--blurred" : ""}`}
|
||||
>
|
||||
<section className="game-details__container">
|
||||
<div ref={heroRef} className="game-details__hero">
|
||||
<div className="game-details__hero">
|
||||
<img
|
||||
src={heroImage}
|
||||
className="game-details__hero-image"
|
||||
alt={game?.title}
|
||||
/>
|
||||
<div
|
||||
className="game-details__hero-backdrop"
|
||||
style={{
|
||||
flex: 1,
|
||||
}}
|
||||
/>
|
||||
|
||||
<div
|
||||
className="game-details__hero-logo-backdrop"
|
||||
@@ -202,11 +195,13 @@ export function GameDetailsContent() {
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="game-details__hero-panel">
|
||||
<HeroPanel />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<HeroPanel />
|
||||
|
||||
<div className="game-details__description-container">
|
||||
<div className="game-details__description-content">
|
||||
<DescriptionHeader />
|
||||
|
||||
@@ -1,63 +1,170 @@
|
||||
import Skeleton from "react-loading-skeleton";
|
||||
import { Button } from "@renderer/components";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import "./game-details.scss";
|
||||
import "react-loading-skeleton/dist/skeleton.css";
|
||||
|
||||
export function GameDetailsSkeleton() {
|
||||
const { t } = useTranslation("game_details");
|
||||
|
||||
return (
|
||||
<div className="game-details__container">
|
||||
<div className="game-details__hero">
|
||||
<Skeleton className="game-details__hero-image-skeleton" />
|
||||
</div>
|
||||
<div className="game-details__hero-panel-skeleton">
|
||||
<section className="description-header__info">
|
||||
<Skeleton width={155} />
|
||||
<Skeleton width={135} />
|
||||
</section>
|
||||
</div>
|
||||
<div className="game-details__description-container">
|
||||
<div className="game-details__description-content">
|
||||
<div className="description-header">
|
||||
<section className="description-header__info">
|
||||
<Skeleton width={145} />
|
||||
<Skeleton width={150} />
|
||||
</section>
|
||||
<div className="game-details__wrapper game-details__skeleton">
|
||||
<section className="game-details__container">
|
||||
<div className="game-details__hero">
|
||||
<Skeleton
|
||||
height={350}
|
||||
style={{
|
||||
borderRadius: "0px 0px 8px 8px",
|
||||
position: "absolute",
|
||||
width: "100%",
|
||||
zIndex: 0,
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="game-details__hero-logo-backdrop">
|
||||
<div className="game-details__hero-content">
|
||||
<div className="game-details__game-logo" />
|
||||
<div className="game-details__hero-buttons game-details__hero-buttons--right" />
|
||||
</div>
|
||||
|
||||
<div className="game-details__hero-panel">
|
||||
<div className="hero-panel__container">
|
||||
<div className="hero-panel">
|
||||
<div className="hero-panel__content">
|
||||
<Skeleton height={16} width={150} />
|
||||
<Skeleton height={16} width={120} />
|
||||
</div>
|
||||
<div className="hero-panel__actions" style={{ gap: "16px" }}>
|
||||
<Skeleton
|
||||
height={36}
|
||||
width={36}
|
||||
style={{ borderRadius: "6px" }}
|
||||
/>
|
||||
<Skeleton
|
||||
height={36}
|
||||
width={36}
|
||||
style={{ borderRadius: "6px" }}
|
||||
/>
|
||||
<Skeleton
|
||||
height={36}
|
||||
width={100}
|
||||
style={{ borderRadius: "6px" }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="game-details__description-skeleton">
|
||||
{Array.from({ length: 3 }).map((_, index) => (
|
||||
<Skeleton key={index} />
|
||||
))}
|
||||
<Skeleton className="game-details__hero-image-skeleton" />
|
||||
{Array.from({ length: 2 }).map((_, index) => (
|
||||
<Skeleton key={index} />
|
||||
))}
|
||||
<Skeleton className="game-details__hero-image-skeleton" />
|
||||
<Skeleton />
|
||||
</div>
|
||||
|
||||
<div className="game-details__description-container">
|
||||
<div className="game-details__description-content">
|
||||
<div className="description-header">
|
||||
<section className="description-header__info">
|
||||
<Skeleton height={16} width={200} />
|
||||
<Skeleton height={16} width={150} />
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div style={{ marginBottom: "24px" }}>
|
||||
<Skeleton
|
||||
height={200}
|
||||
width="100%"
|
||||
style={{ borderRadius: "8px" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="game-details__description">
|
||||
<Skeleton count={8} height={22} style={{ marginBottom: "8px" }} />
|
||||
<Skeleton height={22} width="60%" />
|
||||
</div>
|
||||
|
||||
<Skeleton
|
||||
width={120}
|
||||
height={36}
|
||||
className="game-details__description-toggle"
|
||||
width={100}
|
||||
style={{
|
||||
borderRadius: "4px",
|
||||
marginTop: "24px",
|
||||
alignSelf: "center",
|
||||
}}
|
||||
/>
|
||||
|
||||
<div style={{ marginTop: "48px" }} />
|
||||
</div>
|
||||
|
||||
<aside className="content-sidebar">
|
||||
<div className="sidebar-section">
|
||||
<div
|
||||
className="sidebar-section__button"
|
||||
style={{ pointerEvents: "none" }}
|
||||
>
|
||||
<Skeleton height={16} width={16} />
|
||||
<Skeleton height={16} width={60} />
|
||||
</div>
|
||||
|
||||
<div className="sidebar-section__content">
|
||||
<div className="stats__section">
|
||||
<div className="stats__category">
|
||||
<div className="stats__category-title">
|
||||
<Skeleton height={14} width={14} />
|
||||
<Skeleton height={14} width={80} />
|
||||
</div>
|
||||
<Skeleton height={14} width={40} />
|
||||
</div>
|
||||
|
||||
<div className="stats__category">
|
||||
<div className="stats__category-title">
|
||||
<Skeleton height={14} width={14} />
|
||||
<Skeleton height={14} width={70} />
|
||||
</div>
|
||||
<Skeleton height={14} width={35} />
|
||||
</div>
|
||||
|
||||
<div className="stats__category">
|
||||
<div className="stats__category-title">
|
||||
<Skeleton height={14} width={14} />
|
||||
<Skeleton height={14} width={60} />
|
||||
</div>
|
||||
<Skeleton height={14} width={30} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="sidebar-section">
|
||||
<div
|
||||
className="sidebar-section__button"
|
||||
style={{ pointerEvents: "none" }}
|
||||
>
|
||||
<Skeleton height={16} width={16} />
|
||||
<Skeleton height={16} width={120} />
|
||||
</div>
|
||||
|
||||
<div className="sidebar-section__content">
|
||||
<ul className="list">
|
||||
{Array.from({ length: 4 }).map((_, index) => (
|
||||
<li key={index}>
|
||||
<div
|
||||
className="list__item"
|
||||
style={{ pointerEvents: "none" }}
|
||||
>
|
||||
<Skeleton
|
||||
height={54}
|
||||
width={54}
|
||||
style={{ borderRadius: "4px" }}
|
||||
/>
|
||||
<div>
|
||||
<Skeleton
|
||||
height={14}
|
||||
width={120}
|
||||
style={{ marginBottom: "4px" }}
|
||||
/>
|
||||
<Skeleton height={12} width={80} />
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
<div className="content-sidebar">
|
||||
<div className="requirement__button-container">
|
||||
<Button className="requirement__button" theme="primary" disabled>
|
||||
{t("minimum")}
|
||||
</Button>
|
||||
<Button className="requirement__button" theme="outline" disabled>
|
||||
{t("recommended")}
|
||||
</Button>
|
||||
</div>
|
||||
<div className="requirement__details-skeleton">
|
||||
{Array.from({ length: 6 }).map((_, index) => (
|
||||
<Skeleton key={index} height={20} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,19 +1,5 @@
|
||||
@use "../../scss/globals.scss";
|
||||
|
||||
$hero-height: 300px;
|
||||
|
||||
@keyframes slide-in {
|
||||
0% {
|
||||
transform: translateY(calc(40px + globals.$spacing-unit * 2));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.game-details {
|
||||
&__wrapper {
|
||||
display: flex;
|
||||
@@ -27,617 +13,6 @@ $hero-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
&__review-form-controls {
|
||||
display: flex;
|
||||
gap: calc(globals.$spacing-unit * 2);
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
&__review-form-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__review-message {
|
||||
padding: calc(globals.$spacing-unit * 1);
|
||||
border-radius: 4px;
|
||||
font-size: globals.$small-font-size;
|
||||
font-weight: 500;
|
||||
margin-top: calc(globals.$spacing-unit * 1);
|
||||
border: 1px solid;
|
||||
|
||||
&--success {
|
||||
background: rgba(34, 197, 94, 0.1);
|
||||
color: #86efac;
|
||||
border-color: rgba(34, 197, 94, 0.3);
|
||||
}
|
||||
|
||||
&--error {
|
||||
background: rgba(239, 68, 68, 0.1);
|
||||
color: #fca5a5;
|
||||
border-color: rgba(239, 68, 68, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
&__review-score-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
&__review-score-label {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&__review-score-select {
|
||||
background-color: #2a2a2a;
|
||||
border: 1px solid #3a3a3a;
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
border-color 0.2s ease,
|
||||
background-color 0.2s ease;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&--red {
|
||||
border-color: #e74c3c;
|
||||
background-color: rgba(231, 76, 60, 0.1);
|
||||
}
|
||||
|
||||
&--yellow {
|
||||
border-color: #f39c12;
|
||||
background-color: rgba(243, 156, 18, 0.1);
|
||||
}
|
||||
|
||||
&--green {
|
||||
border-color: #27ae60;
|
||||
background-color: rgba(39, 174, 96, 0.1);
|
||||
}
|
||||
|
||||
option {
|
||||
background-color: #2a2a2a;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
&__star-rating {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
&__star {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #666666;
|
||||
cursor: pointer;
|
||||
padding: 2px;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
&--filled {
|
||||
color: #ffffff;
|
||||
|
||||
&.game-details__review-score-select--red {
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
||||
&.game-details__review-score-select--yellow {
|
||||
color: #f39c12;
|
||||
}
|
||||
|
||||
&.game-details__review-score-select--green {
|
||||
color: #27ae60;
|
||||
}
|
||||
}
|
||||
|
||||
&--empty {
|
||||
color: #666666;
|
||||
|
||||
&:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-sort {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(globals.$spacing-unit * 0.75);
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
&__reviews-sort-label {
|
||||
display: block;
|
||||
font-size: globals.$body-font-size;
|
||||
color: globals.$body-color;
|
||||
}
|
||||
|
||||
&__reviews-sort-select {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid globals.$border-color;
|
||||
border-radius: 4px;
|
||||
padding: calc(globals.$spacing-unit * 0.75) calc(globals.$spacing-unit * 1);
|
||||
color: globals.$body-color;
|
||||
font-size: globals.$body-font-size;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
border-color 0.2s ease,
|
||||
background-color 0.2s ease;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
border-color: globals.$brand-teal;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
option {
|
||||
background-color: globals.$dark-background-color;
|
||||
color: globals.$body-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-list {
|
||||
margin-top: calc(globals.$spacing-unit * 3);
|
||||
}
|
||||
|
||||
&__reviews-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(globals.$spacing-unit * 4);
|
||||
}
|
||||
|
||||
&__reviews-separator {
|
||||
height: 1px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
margin: calc(globals.$spacing-unit * 3) 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__reviews-list-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: calc(globals.$spacing-unit * 1);
|
||||
}
|
||||
|
||||
&__reviews-empty {
|
||||
text-align: center;
|
||||
padding: calc(globals.$spacing-unit * 4) calc(globals.$spacing-unit * 2);
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
|
||||
&__reviews-empty-icon {
|
||||
font-size: 48px;
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
&__reviews-empty-title {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-weight: 600;
|
||||
margin: 0 0 calc(globals.$spacing-unit * 1) 0;
|
||||
}
|
||||
|
||||
&__reviews-empty-message {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
margin: 0;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
&__review-item {
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
&__review-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
|
||||
&__review-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit * 1);
|
||||
}
|
||||
|
||||
&__review-user-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(globals.$spacing-unit * 0.25);
|
||||
}
|
||||
|
||||
&__review-display-name {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: globals.$small-font-size;
|
||||
font-weight: 600;
|
||||
display: inline-flex;
|
||||
|
||||
&--clickable {
|
||||
cursor: pointer;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__review-actions {
|
||||
margin-top: 12px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__review-votes {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
&__vote-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
padding: 6px 12px;
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
&--active {
|
||||
&.game-details__vote-button--upvote {
|
||||
svg {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
|
||||
&.game-details__vote-button--downvote {
|
||||
svg {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 500;
|
||||
display: inline-block;
|
||||
min-width: 1ch;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&__delete-review-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(244, 67, 54, 0.1);
|
||||
border: 1px solid rgba(244, 67, 54, 0.3);
|
||||
border-radius: 6px;
|
||||
padding: 6px;
|
||||
color: #f44336;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
gap: 6px;
|
||||
|
||||
&:hover {
|
||||
background: rgba(244, 67, 54, 0.2);
|
||||
border-color: #f44336;
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
|
||||
&__blocked-review-simple {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit * 0.5);
|
||||
}
|
||||
|
||||
&__blocked-review-show-link {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #ffc107;
|
||||
font-size: globals.$small-font-size;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
padding: 0;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ffeb3b;
|
||||
}
|
||||
}
|
||||
|
||||
&__blocked-review-hide-link {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: globals.$small-font-size;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
padding: 0;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
&__review-score-stars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
&__review-star {
|
||||
color: #666666;
|
||||
transition: color 0.2s ease;
|
||||
cursor: default;
|
||||
|
||||
&--filled {
|
||||
color: #ffffff;
|
||||
|
||||
&.game-details__review-score--red {
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
&.game-details__review-score--yellow {
|
||||
color: #fcd34d;
|
||||
}
|
||||
|
||||
&.game-details__review-score--green {
|
||||
color: #86efac;
|
||||
}
|
||||
}
|
||||
|
||||
&--empty {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
}
|
||||
|
||||
&__review-content {
|
||||
color: globals.$body-color;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
&__reviews-loading {
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
padding: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
|
||||
&__load-more-reviews {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid globals.$border-color;
|
||||
color: globals.$body-color;
|
||||
padding: calc(globals.$spacing-unit * 1) calc(globals.$spacing-unit * 2);
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: globals.$body-font-size;
|
||||
font-family: inherit;
|
||||
transition: all 0.2s ease;
|
||||
width: 100%;
|
||||
margin-top: calc(globals.$spacing-unit * 2);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: globals.$brand-teal;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero {
|
||||
width: 100%;
|
||||
height: $hero-height;
|
||||
min-height: $hero-height;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
transition: all ease 0.2s;
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
height: 350px;
|
||||
min-height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-content {
|
||||
padding: calc(globals.$spacing-unit * 1.5);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
padding: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-buttons {
|
||||
display: flex;
|
||||
gap: globals.$spacing-unit;
|
||||
align-items: center;
|
||||
|
||||
&--right {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__edit-custom-game-button {
|
||||
padding: calc(globals.$spacing-unit * 1.5);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 8px;
|
||||
transition: all ease 0.2s;
|
||||
cursor: pointer;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: globals.$muted-color;
|
||||
border: solid 1px globals.$border-color;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
|
||||
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: globals.$body-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-logo-backdrop {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&__hero-image {
|
||||
width: 100%;
|
||||
height: calc($hero-height + 72px);
|
||||
min-height: calc($hero-height + 72px);
|
||||
object-fit: cover;
|
||||
object-position: top;
|
||||
transition: all ease 0.2s;
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
object-position: center;
|
||||
height: calc(350px + 72px);
|
||||
min-height: calc(350px + 72px);
|
||||
}
|
||||
}
|
||||
|
||||
&__game-logo {
|
||||
width: 200px;
|
||||
align-self: flex-end;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
&__game-logo-text {
|
||||
width: 200px;
|
||||
align-self: flex-end;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
|
||||
text-align: left;
|
||||
line-height: 1.2;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
width: 250px;
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
width: 300px;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-image-skeleton {
|
||||
height: 300px;
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
&__container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -646,6 +21,7 @@ $hero-height: 300px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
// Description Section Styles
|
||||
&__description-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
@@ -754,322 +130,51 @@ $hero-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
&__description-skeleton {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: globals.$spacing-unit;
|
||||
padding: calc(globals.$spacing-unit * 2) calc(globals.$spacing-unit * 1.5);
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
padding: calc(globals.$spacing-unit * 2.5) calc(globals.$spacing-unit * 2);
|
||||
// Skeleton-specific styles
|
||||
&__skeleton {
|
||||
.react-loading-skeleton {
|
||||
background: linear-gradient(90deg, #1c1c1c 25%, #2a2a2a 50%, #1c1c1c 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: skeleton-loading 1.5s infinite;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
padding: calc(globals.$spacing-unit * 3) calc(globals.$spacing-unit * 2);
|
||||
width: 80%;
|
||||
// Ensure skeleton elements maintain proper spacing
|
||||
.description-header {
|
||||
margin-bottom: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
width: 60%;
|
||||
line-height: 22px;
|
||||
.content-sidebar {
|
||||
min-width: 300px;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
@media (min-width: 1536px) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&__randomizer-button {
|
||||
animation: slide-in 0.2s;
|
||||
position: fixed;
|
||||
bottom: calc(globals.$spacing-unit * 3);
|
||||
right: calc(9px + globals.$spacing-unit * 2);
|
||||
box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 10px 1px;
|
||||
border: solid 2px globals.$border-color;
|
||||
z-index: 1;
|
||||
background-color: globals.$background-color;
|
||||
|
||||
&:hover {
|
||||
background-color: globals.$background-color;
|
||||
box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 15px 5px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
box-shadow: none;
|
||||
transform: none;
|
||||
opacity: 0.8;
|
||||
background-color: globals.$background-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-panel-skeleton {
|
||||
width: 100%;
|
||||
padding: calc(globals.$spacing-unit * 2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: globals.$background-color;
|
||||
height: 72px;
|
||||
border-bottom: solid 1px globals.$border-color;
|
||||
}
|
||||
|
||||
&__cloud-sync-button {
|
||||
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 8px;
|
||||
transition: all ease 0.2s;
|
||||
cursor: pointer;
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: globals.$spacing-unit;
|
||||
color: globals.$muted-color;
|
||||
font-size: globals.$small-font-size;
|
||||
border: solid 1px globals.$border-color;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
|
||||
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: globals.$disabled-opacity;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
&__stars-icon-container {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__stars-icon {
|
||||
width: 70px;
|
||||
position: absolute;
|
||||
top: -28px;
|
||||
left: -27px;
|
||||
}
|
||||
|
||||
&__cloud-icon-container {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__cloud-icon {
|
||||
width: 26px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
&__hero-backdrop {
|
||||
flex: 1;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
&__reviews-section {
|
||||
margin-top: calc(globals.$spacing-unit * 3);
|
||||
padding-top: calc(globals.$spacing-unit * 3);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
@media (min-width: 1536px) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
|
||||
@media (max-width: 768px) {
|
||||
// Hero panel skeleton spacing
|
||||
.hero-panel__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-title {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: globals.$muted-color;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__reviews-title-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__reviews-badge {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
padding: 4px 8px;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
min-width: 24px;
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
&__leave-review-cta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit * 0.5);
|
||||
padding: calc(globals.$spacing-unit * 0.75)
|
||||
calc(globals.$spacing-unit * 1.5);
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
globals.$brand-teal,
|
||||
globals.$brand-blue
|
||||
);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
margin-bottom: calc(globals.$spacing-unit);
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(globals.$brand-teal, 0.3);
|
||||
gap: calc(globals.$spacing-unit * 0.5);
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: translateY(0);
|
||||
// Review items skeleton spacing
|
||||
.review-item-skeleton {
|
||||
border: 1px solid globals.$border-color;
|
||||
border-radius: 8px;
|
||||
padding: calc(globals.$spacing-unit * 1);
|
||||
margin-bottom: calc(globals.$spacing-unit * 1);
|
||||
}
|
||||
|
||||
svg {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-input-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
background-color: globals.$dark-background-color;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__review-input-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px 12px;
|
||||
background-color: globals.$background-color;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
&__review-editor-toolbar {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
&__editor-button {
|
||||
background: none;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: globals.$brand-blue;
|
||||
border-color: globals.$brand-blue;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-char-counter {
|
||||
font-size: 12px;
|
||||
color: #888888;
|
||||
|
||||
.over-limit {
|
||||
color: #ff6b6b;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-input {
|
||||
min-height: 120px;
|
||||
padding: 12px;
|
||||
cursor: text;
|
||||
|
||||
.ProseMirror {
|
||||
outline: none;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
min-height: 96px; // 120px - 24px padding
|
||||
width: 100%;
|
||||
cursor: text;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 8px 0;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: underline;
|
||||
}
|
||||
// Sidebar section spacing
|
||||
.sidebar-section-skeleton {
|
||||
margin-bottom: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes skeleton-loading {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,7 @@ import { Downloader, getDownloadersForUri } from "@shared";
|
||||
import { CloudSyncModal } from "./cloud-sync-modal/cloud-sync-modal";
|
||||
import { CloudSyncFilesModal } from "./cloud-sync-files-modal/cloud-sync-files-modal";
|
||||
import "./game-details.scss";
|
||||
import "./hero.scss";
|
||||
|
||||
export default function GameDetails() {
|
||||
const [randomGame, setRandomGame] = useState<Steam250Game | null>(null);
|
||||
|
||||
116
src/renderer/src/pages/game-details/game-reviews.scss
Normal file
116
src/renderer/src/pages/game-details/game-reviews.scss
Normal file
@@ -0,0 +1,116 @@
|
||||
@use "../../scss/globals.scss";
|
||||
|
||||
.game-details {
|
||||
&__reviews-section {
|
||||
margin-top: calc(globals.$spacing-unit * 3);
|
||||
padding-top: calc(globals.$spacing-unit * 3);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
@media (min-width: 1536px) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-title {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: globals.$muted-color;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__reviews-title-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__reviews-badge {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
padding: 4px 8px;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
min-width: 24px;
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
&__reviews-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(globals.$spacing-unit * 4);
|
||||
}
|
||||
|
||||
&__reviews-separator {
|
||||
height: 1px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
margin: calc(globals.$spacing-unit * 3) 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__reviews-list-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: calc(globals.$spacing-unit * 1);
|
||||
}
|
||||
|
||||
&__reviews-empty {
|
||||
text-align: center;
|
||||
padding: calc(globals.$spacing-unit * 4) calc(globals.$spacing-unit * 2);
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
|
||||
&__reviews-empty-icon {
|
||||
font-size: 48px;
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
&__reviews-empty-title {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-weight: 600;
|
||||
margin: 0 0 calc(globals.$spacing-unit * 1) 0;
|
||||
}
|
||||
|
||||
&__reviews-empty-message {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
margin: 0;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
&__reviews-loading {
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
padding: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
|
||||
&__load-more-reviews {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid globals.$border-color;
|
||||
color: globals.$body-color;
|
||||
padding: calc(globals.$spacing-unit * 1) calc(globals.$spacing-unit * 2);
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: globals.$body-font-size;
|
||||
font-family: inherit;
|
||||
transition: all 0.2s ease;
|
||||
width: 100%;
|
||||
margin-top: calc(globals.$spacing-unit * 2);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: globals.$brand-teal;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -9,6 +9,7 @@ import { ReviewForm } from "./review-form";
|
||||
import { ReviewItem } from "./review-item";
|
||||
import { ReviewSortOptions } from "./review-sort-options";
|
||||
import { ReviewPromptBanner } from "./review-prompt-banner";
|
||||
import "./game-reviews.scss";
|
||||
import { useToast } from "@renderer/hooks";
|
||||
|
||||
type ReviewSortOption =
|
||||
@@ -144,8 +145,6 @@ export function GameReviews({
|
||||
}
|
||||
}, [objectId, userDetailsId, shop, game, onUserReviewedChange]);
|
||||
|
||||
console.log("reviews", reviews);
|
||||
|
||||
const loadReviews = useCallback(
|
||||
async (reset = false) => {
|
||||
if (!objectId) return;
|
||||
@@ -440,8 +439,6 @@ export function GameReviews({
|
||||
});
|
||||
}, [reviews]);
|
||||
|
||||
console.log("reviews", reviews);
|
||||
|
||||
return (
|
||||
<div className="game-details__reviews-section">
|
||||
{showReviewPrompt &&
|
||||
@@ -469,84 +466,82 @@ export function GameReviews({
|
||||
</>
|
||||
)}
|
||||
|
||||
<div className="game-details__reviews-list">
|
||||
<div className="game-details__reviews-list-header">
|
||||
<div className="game-details__reviews-title-group">
|
||||
<h3 className="game-details__reviews-title">{t("reviews")}</h3>
|
||||
<span className="game-details__reviews-badge">
|
||||
{totalReviewCount}
|
||||
</span>
|
||||
</div>
|
||||
<div className="game-details__reviews-list-header">
|
||||
<div className="game-details__reviews-title-group">
|
||||
<h3 className="game-details__reviews-title">{t("reviews")}</h3>
|
||||
<span className="game-details__reviews-badge">
|
||||
{totalReviewCount}
|
||||
</span>
|
||||
</div>
|
||||
<ReviewSortOptions
|
||||
sortBy={reviewsSortBy}
|
||||
onSortChange={handleSortChange}
|
||||
/>
|
||||
|
||||
{reviewsLoading && reviews.length === 0 && (
|
||||
<div className="game-details__reviews-loading">
|
||||
{t("loading_reviews")}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!reviewsLoading && reviews.length === 0 && (
|
||||
<div className="game-details__reviews-empty">
|
||||
<div className="game-details__reviews-empty-icon">
|
||||
<NoteIcon size={48} />
|
||||
</div>
|
||||
<h4 className="game-details__reviews-empty-title">
|
||||
{t("no_reviews_yet")}
|
||||
</h4>
|
||||
<p className="game-details__reviews-empty-message">
|
||||
{t("be_first_to_review")}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div
|
||||
className="game-details__reviews-container"
|
||||
style={{
|
||||
opacity: reviewsLoading && reviews.length > 0 ? 0.5 : 1,
|
||||
transition: "opacity 0.2s ease",
|
||||
}}
|
||||
>
|
||||
{reviews.map((review) => (
|
||||
<ReviewItem
|
||||
key={review.id}
|
||||
review={review}
|
||||
userDetailsId={userDetailsId}
|
||||
isBlocked={review.isBlocked}
|
||||
isVisible={visibleBlockedReviews.has(review.id)}
|
||||
isVoting={votingReviews.has(review.id)}
|
||||
previousVotes={
|
||||
previousVotesRef.current.get(review.id) || {
|
||||
upvotes: 0,
|
||||
downvotes: 0,
|
||||
}
|
||||
}
|
||||
onVote={handleVoteReview}
|
||||
onDelete={handleDeleteReview}
|
||||
onToggleVisibility={toggleBlockedReview}
|
||||
onAnimationComplete={handleVoteAnimationComplete}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{hasMoreReviews && !reviewsLoading && (
|
||||
<button
|
||||
className="game-details__load-more-reviews"
|
||||
onClick={loadMoreReviews}
|
||||
>
|
||||
{t("load_more_reviews")}
|
||||
</button>
|
||||
)}
|
||||
|
||||
{reviewsLoading && reviews.length > 0 && (
|
||||
<div className="game-details__reviews-loading">
|
||||
{t("loading_more_reviews")}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<ReviewSortOptions
|
||||
sortBy={reviewsSortBy}
|
||||
onSortChange={handleSortChange}
|
||||
/>
|
||||
|
||||
{reviewsLoading && reviews.length === 0 && (
|
||||
<div className="game-details__reviews-loading">
|
||||
{t("loading_reviews")}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!reviewsLoading && reviews.length === 0 && (
|
||||
<div className="game-details__reviews-empty">
|
||||
<div className="game-details__reviews-empty-icon">
|
||||
<NoteIcon size={48} />
|
||||
</div>
|
||||
<h4 className="game-details__reviews-empty-title">
|
||||
{t("no_reviews_yet")}
|
||||
</h4>
|
||||
<p className="game-details__reviews-empty-message">
|
||||
{t("be_first_to_review")}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div
|
||||
className="game-details__reviews-container"
|
||||
style={{
|
||||
opacity: reviewsLoading && reviews.length > 0 ? 0.5 : 1,
|
||||
transition: "opacity 0.2s ease",
|
||||
}}
|
||||
>
|
||||
{reviews.map((review) => (
|
||||
<ReviewItem
|
||||
key={review.id}
|
||||
review={review}
|
||||
userDetailsId={userDetailsId}
|
||||
isBlocked={review.isBlocked}
|
||||
isVisible={visibleBlockedReviews.has(review.id)}
|
||||
isVoting={votingReviews.has(review.id)}
|
||||
previousVotes={
|
||||
previousVotesRef.current.get(review.id) || {
|
||||
upvotes: 0,
|
||||
downvotes: 0,
|
||||
}
|
||||
}
|
||||
onVote={handleVoteReview}
|
||||
onDelete={handleDeleteReview}
|
||||
onToggleVisibility={toggleBlockedReview}
|
||||
onAnimationComplete={handleVoteAnimationComplete}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{hasMoreReviews && !reviewsLoading && (
|
||||
<button
|
||||
className="game-details__load-more-reviews"
|
||||
onClick={loadMoreReviews}
|
||||
>
|
||||
{t("load_more_reviews")}
|
||||
</button>
|
||||
)}
|
||||
|
||||
{reviewsLoading && reviews.length > 0 && (
|
||||
<div className="game-details__reviews-loading">
|
||||
{t("loading_more_reviews")}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
271
src/renderer/src/pages/game-details/hero.scss
Normal file
271
src/renderer/src/pages/game-details/hero.scss
Normal file
@@ -0,0 +1,271 @@
|
||||
@use "../../scss/globals.scss";
|
||||
|
||||
$hero-height: 350px;
|
||||
|
||||
@keyframes slide-in {
|
||||
0% {
|
||||
transform: translateY(calc(40px + globals.$spacing-unit * 2));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.game-details {
|
||||
&__hero-panel {
|
||||
padding: globals.$spacing-unit;
|
||||
}
|
||||
|
||||
&__hero {
|
||||
width: 100%;
|
||||
height: $hero-height;
|
||||
min-height: $hero-height;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
transition: all ease 0.2s;
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
height: 350px;
|
||||
min-height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-content {
|
||||
padding: calc(globals.$spacing-unit * 1.5);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
padding: calc(globals.$spacing-unit * 2);
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-buttons {
|
||||
display: flex;
|
||||
gap: globals.$spacing-unit;
|
||||
align-items: center;
|
||||
|
||||
&--right {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__edit-custom-game-button {
|
||||
padding: calc(globals.$spacing-unit * 1.5);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 8px;
|
||||
transition: all ease 0.2s;
|
||||
cursor: pointer;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: globals.$muted-color;
|
||||
border: solid 1px globals.$border-color;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
|
||||
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: globals.$body-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-logo-backdrop {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&__hero-image-wrapper {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 384px;
|
||||
max-height: 384px;
|
||||
overflow: hidden;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
z-index: 0;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(0, 0, 0, 0.3) 60%,
|
||||
transparent 100%
|
||||
);
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
height: calc(350px + 82px);
|
||||
min-height: calc(350px + 84px);
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-image {
|
||||
width: 100%;
|
||||
height: $hero-height;
|
||||
min-height: $hero-height;
|
||||
object-fit: cover;
|
||||
object-position: top;
|
||||
transition: all ease 0.2s;
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
|
||||
@media (min-width: 1250px) {
|
||||
object-position: center;
|
||||
height: $hero-height;
|
||||
min-height: $hero-height;
|
||||
}
|
||||
}
|
||||
|
||||
&__game-logo {
|
||||
width: 200px;
|
||||
align-self: flex-end;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
&__game-logo-text {
|
||||
width: 200px;
|
||||
align-self: flex-end;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
|
||||
text-align: left;
|
||||
line-height: 1.2;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
width: 250px;
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
width: 300px;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&__cloud-sync-button {
|
||||
padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 8px;
|
||||
transition: all ease 0.2s;
|
||||
cursor: pointer;
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: globals.$spacing-unit;
|
||||
color: globals.$muted-color;
|
||||
font-size: globals.$small-font-size;
|
||||
border: solid 1px globals.$border-color;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
|
||||
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: globals.$disabled-opacity;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
&__cloud-icon-container {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__cloud-icon {
|
||||
width: 26px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
&__randomizer-button {
|
||||
padding: calc(globals.$spacing-unit * 1.5);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 8px;
|
||||
transition: all ease 0.2s;
|
||||
cursor: pointer;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: globals.$muted-color;
|
||||
border: solid 1px globals.$border-color;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
|
||||
animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
|
||||
|
||||
&:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: globals.$body-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__stars-icon-container {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__stars-icon {
|
||||
width: 26px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
@@ -18,6 +18,7 @@
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 8px;
|
||||
|
||||
&--stuck {
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
@@ -29,7 +30,18 @@
|
||||
&__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: globals.$spacing-unit;
|
||||
gap: calc(globals.$spacing-unit * 0.5);
|
||||
|
||||
p {
|
||||
font-size: globals.$small-font-size;
|
||||
color: globals.$muted-color;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
|
||||
&:first-child {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__actions {
|
||||
|
||||
@@ -50,25 +50,29 @@ export function HeroPanel() {
|
||||
game?.download?.status === "paused";
|
||||
|
||||
return (
|
||||
<div className="hero-panel">
|
||||
<div className="hero-panel__content">{getInfo()}</div>
|
||||
<div className="hero-panel__actions">
|
||||
<HeroPanelActions />
|
||||
</div>
|
||||
<div className="hero-panel__container">
|
||||
<div className="hero-panel">
|
||||
<div className="hero-panel__content">{getInfo()}</div>
|
||||
<div className="hero-panel__actions">
|
||||
<HeroPanelActions />
|
||||
</div>
|
||||
|
||||
{showProgressBar && (
|
||||
<progress
|
||||
max={1}
|
||||
value={
|
||||
isGameDownloading ? lastPacket?.progress : game?.download?.progress
|
||||
}
|
||||
className={`hero-panel__progress-bar ${
|
||||
game?.download?.status === "paused"
|
||||
? "hero-panel__progress-bar--disabled"
|
||||
: ""
|
||||
}`}
|
||||
/>
|
||||
)}
|
||||
{showProgressBar && (
|
||||
<progress
|
||||
max={1}
|
||||
value={
|
||||
isGameDownloading
|
||||
? lastPacket?.progress
|
||||
: game?.download?.progress
|
||||
}
|
||||
className={`hero-panel__progress-bar ${
|
||||
game?.download?.status === "paused"
|
||||
? "hero-panel__progress-bar--disabled"
|
||||
: ""
|
||||
}`}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
232
src/renderer/src/pages/game-details/review-form.scss
Normal file
232
src/renderer/src/pages/game-details/review-form.scss
Normal file
@@ -0,0 +1,232 @@
|
||||
@use "../../scss/globals.scss";
|
||||
|
||||
.game-details {
|
||||
&__reviews-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: calc(globals.$spacing-unit * 2);
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
&__reviews-title {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: globals.$muted-color;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__review-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
&__review-form-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__review-score-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
&__review-score-select {
|
||||
background-color: #2a2a2a;
|
||||
border: 1px solid #3a3a3a;
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
border-color 0.2s ease,
|
||||
background-color 0.2s ease;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&--red {
|
||||
border-color: #e74c3c;
|
||||
background-color: rgba(231, 76, 60, 0.1);
|
||||
}
|
||||
|
||||
&--yellow {
|
||||
border-color: #f39c12;
|
||||
background-color: rgba(243, 156, 18, 0.1);
|
||||
}
|
||||
|
||||
&--green {
|
||||
border-color: #27ae60;
|
||||
background-color: rgba(39, 174, 96, 0.1);
|
||||
}
|
||||
|
||||
option {
|
||||
background-color: #2a2a2a;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
&__star-rating {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
&__star {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #666666;
|
||||
cursor: pointer;
|
||||
padding: 2px;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
&--filled {
|
||||
color: #ffffff;
|
||||
|
||||
&.game-details__review-score-select--red {
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
||||
&.game-details__review-score-select--yellow {
|
||||
color: #f39c12;
|
||||
}
|
||||
|
||||
&.game-details__review-score-select--green {
|
||||
color: #27ae60;
|
||||
}
|
||||
}
|
||||
|
||||
&--empty {
|
||||
color: #666666;
|
||||
|
||||
&:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-input-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
background-color: globals.$dark-background-color;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__review-input-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px 12px;
|
||||
background-color: globals.$background-color;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
&__review-editor-toolbar {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
&__editor-button {
|
||||
background: none;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: globals.$brand-blue;
|
||||
border-color: globals.$brand-blue;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-char-counter {
|
||||
font-size: 12px;
|
||||
color: #888888;
|
||||
|
||||
.over-limit {
|
||||
color: #ff6b6b;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-input {
|
||||
min-height: 120px;
|
||||
padding: 12px;
|
||||
cursor: text;
|
||||
|
||||
.ProseMirror {
|
||||
outline: none;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
min-height: 96px; // 120px - 24px padding
|
||||
width: 100%;
|
||||
cursor: text;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 8px 0;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2,6 +2,7 @@ import { Star } from "lucide-react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { EditorContent, Editor } from "@tiptap/react";
|
||||
import { Button } from "@renderer/components";
|
||||
import "./review-form.scss";
|
||||
|
||||
interface ReviewFormProps {
|
||||
editor: Editor | null;
|
||||
|
||||
@@ -1,6 +1,213 @@
|
||||
@use "../../scss/globals.scss";
|
||||
|
||||
.game-details {
|
||||
&__review-item {
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
&__review-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: calc(globals.$spacing-unit * 1.5);
|
||||
}
|
||||
|
||||
&__review-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit * 1);
|
||||
}
|
||||
|
||||
&__review-user-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(globals.$spacing-unit * 0.25);
|
||||
}
|
||||
|
||||
&__review-display-name {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: globals.$small-font-size;
|
||||
font-weight: 600;
|
||||
display: inline-flex;
|
||||
|
||||
&--clickable {
|
||||
cursor: pointer;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__review-actions {
|
||||
margin-top: 12px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__review-votes {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
&__vote-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
padding: 6px 12px;
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
&--active {
|
||||
&.game-details__vote-button--upvote {
|
||||
svg {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
|
||||
&.game-details__vote-button--downvote {
|
||||
svg {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 500;
|
||||
display: inline-block;
|
||||
min-width: 1ch;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&__delete-review-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(244, 67, 54, 0.1);
|
||||
border: 1px solid rgba(244, 67, 54, 0.3);
|
||||
border-radius: 6px;
|
||||
padding: 6px;
|
||||
color: #f44336;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
gap: 6px;
|
||||
|
||||
&:hover {
|
||||
background: rgba(244, 67, 54, 0.2);
|
||||
border-color: #f44336;
|
||||
color: #ff5722;
|
||||
}
|
||||
}
|
||||
|
||||
&__blocked-review-simple {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: calc(globals.$spacing-unit * 0.5);
|
||||
}
|
||||
|
||||
&__blocked-review-show-link {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #ffc107;
|
||||
font-size: globals.$small-font-size;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
padding: 0;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ffeb3b;
|
||||
}
|
||||
}
|
||||
|
||||
&__blocked-review-hide-link {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: globals.$small-font-size;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
padding: 0;
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
&__review-score-stars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
&__review-star {
|
||||
color: #666666;
|
||||
transition: color 0.2s ease;
|
||||
cursor: default;
|
||||
|
||||
&--filled {
|
||||
color: #ffffff;
|
||||
|
||||
&.game-details__review-score--red {
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
&.game-details__review-score--yellow {
|
||||
color: #fcd34d;
|
||||
}
|
||||
|
||||
&.game-details__review-score--green {
|
||||
color: #86efac;
|
||||
}
|
||||
}
|
||||
|
||||
&--empty {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
&__review-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: globals.$small-font-size;
|
||||
}
|
||||
|
||||
&__review-content {
|
||||
color: globals.$body-color;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
&__review-translation-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user