8f590425dc
* Add icon to add images * Open file explorer to select image * Upload images to S3 on selection * Show uploaded images below text input * Link and remove image * Fetch unsubmitted images from database * Mark S3 images as submitted in imgproxy job * Add margin-top * Mark images as submitted on client after successful mutation * Also delete objects in S3 * Allow items to have multiple uploads linked * Overwrite old avatar * Add fees for presigned URLs * Use Github style upload * removed upfront fees * removed images provider since we no longer need to keep track of unsubmitted images on the client * removed User.images resolver * removed deleteImage mutation * use Github style upload where it shows ![Uploading <filename>...]() first and then replaces that with  after successful upload * Add Upload.paid boolean column One item can have multiple images linked to it, but an image can also be used in multiple items (many-to-many relation). Since we don't really care to which item an image is linked and vice versa, we just use a boolean column to mark if an image was already paid for. This makes fee calculation easier since no JOINs are required. * Add image fees during item creation/update * we calculate image fees during item creation and update now * function imageFees returns queries which deduct fees from user and mark images as paid + fees * queries need to be run inside same transaction as item creation/update * Allow anons to get presigned URLs * Add comments regarding avatar upload * Use megabytes in error message * Remove unnecessary avatar check during image fees calculation * Show image fees in frontend * Also update image fees on blur This makes sure that the images fees reflect the current state. For example, if an image was removed. We could also add debounced requests. * Show amount of unpaid images in receipt * Fix fees in sats deducted from msats * Fix algebraic order of fees Spam fees must come immediately after the base fee since it multiplies the base fee. * Fix image fees in edit receipt * Fix stale fees shown If we pay for an image and then want to edit the comment, the cache might return stale date; suggesting we didn't pay for the existing image yet. * Add 0 base fee in edit receipt * Remove 's' from 'image fees' in receipts * Remove unnecessary async * Remove 'Uploading <name>...' from text input on error * Support upload of multiple files at once * Add schedule to delete unused images * Fix image fee display in receipts * Use Drag and Drop API for image upload * Remove dragOver style on drop * Increase max upload size to 10MB to allow HQ camera pictures * Fix free upload quota * Fix stale image fees served * Fix bad image fee return statements * Fix multiplication with feesPerImage * Fix NULL returned for size24h, sizeNow * Remove unnecessary text field in query * refactor: Unify <ImageUpload> and <Upload> component * Add avatar cache busting using random query param * Calculate image fee info in postgres function * we now calculate image fee info in a postgres function which is much cleaner * we use this function inside `create_item` and `update_item`: image fees are now deducted in the same transaction as creating/updating the item! * reversed changes in `serializeInvoiceable` * Fix line break in receipt * Update upload limits * Add comment about `e.target.value = null` * Use debounce instead of onBlur to update image fees info * Fix invoice amount * Refactor avatar upload control flow * Update image fees in onChange * Fix rescheduling of other jobs * also update schedule from every minute to every hour * Add image fees in calling context * keep item ids on uploads * Fix incompatible onSubmit signature * Revert "keep item ids on uploads" This reverts commit 4688962abcd54fdc5850109372a7ad054cf9b2e4. * many2many item uploads * pretty subdomain for images * handle upload conditions for profile images and job logos --------- Co-authored-by: ekzyis <ek@ekzyis.com> Co-authored-by: ekzyis <ek@stacker.news>
56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
.noTopLeftRadius textarea {
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.markdownInput textarea {
|
|
margin-top: -1px;
|
|
font-size: 94%;
|
|
line-height: 140%;
|
|
}
|
|
|
|
@media screen and (min-width: 767px) {
|
|
.markdownInput textarea {
|
|
line-height: 130%;
|
|
}
|
|
}
|
|
|
|
.markdownInput .text {
|
|
margin-top: -1px;
|
|
height: auto;
|
|
}
|
|
|
|
.dragOver {
|
|
box-shadow: 0 0 10px var(--bs-info);
|
|
}
|
|
|
|
.appendButton {
|
|
border-left: 0 !important;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.clearButton {
|
|
background-color: var(--theme-inputBg);
|
|
border: 1px solid var(--theme-borderColor);
|
|
padding: 0rem 0.5rem;
|
|
}
|
|
|
|
.clearButton:hover, .clearButton:active {
|
|
background-color: var(--theme-inputBg) !important;
|
|
border: 1px solid var(--theme-borderColor) !important;
|
|
border-left: 0 !important;
|
|
}
|
|
.clearButton.isInvalid {
|
|
border-color: #c03221;
|
|
}
|
|
|
|
/* https://github.com/react-bootstrap/react-bootstrap/issues/5475 */
|
|
.suggestionsMenu {
|
|
opacity: 1 !important;
|
|
pointer-events: unset !important;
|
|
}
|
|
|
|
.previewTab {
|
|
padding-top: .2rem;
|
|
padding-bottom: .3rem;
|
|
} |