Rename component, clean up CSS

This commit is contained in:
2026-04-21 09:28:34 +04:00
parent bb2411972f
commit 4c540bc713
3 changed files with 13 additions and 13 deletions

View File

@@ -13,7 +13,7 @@ const IMAGE_QUALITY = 0.94;
const MAX_THUMBNAIL_DIMENSION = 350;
const THUMBNAIL_QUALITY = 0.9;
export default class PlacePhotoItem extends Component {
export default class PlacePhotoUploadItem extends Component {
@service blossom;
@service imageProcessor;
@service toast;
@@ -106,14 +106,14 @@ export default class PlacePhotoItem extends Component {
<template>
<div
class="photo-item
class="photo-upload-item
{{if this.uploadTask.isRunning 'is-uploading'}}
{{if this.error 'has-error'}}"
>
<img src={{this.thumbnailUrl}} alt="thumbnail" class="photo-item-img" />
<img src={{this.thumbnailUrl}} alt="thumbnail" />
{{#if this.uploadTask.isRunning}}
<div class="photo-item-overlay">
<div class="overlay">
<Icon
@name="loading-ring"
@size={{24}}
@@ -126,7 +126,7 @@ export default class PlacePhotoItem extends Component {
{{#if this.error}}
<button
type="button"
class="photo-item-overlay error-overlay"
class="overlay error-overlay"
title={{this.error}}
{{on "click" this.showErrorToast}}
>

View File

@@ -6,7 +6,7 @@ import { on } from '@ember/modifier';
import { EventFactory } from 'applesauce-core';
import { task } from 'ember-concurrency';
import Geohash from 'latlon-geohash';
import PlacePhotoItem from './place-photo-item';
import PlacePhotoUploadItem from './place-photo-upload-item';
import Icon from '#components/icon';
import { or, not } from 'ember-truth-helpers';
@@ -232,7 +232,7 @@ export default class PlacePhotoUpload extends Component {
{{#if this.files.length}}
<div class="photo-grid">
{{#each this.files as |file|}}
<PlacePhotoItem
<PlacePhotoUploadItem
@file={{file}}
@onSuccess={{this.handleUploadSuccess}}
@onRemove={{this.removeFile}}