fix: remove livewire legacy from help view

This commit is contained in:
Andras Bacsai
2024-11-03 21:27:26 +01:00
parent c211227141
commit 8c9989136b
4 changed files with 17 additions and 30 deletions

View File

@@ -5,55 +5,39 @@ namespace App\Livewire;
use DanHarrin\LivewireRateLimiting\WithRateLimiting; use DanHarrin\LivewireRateLimiting\WithRateLimiting;
use Illuminate\Notifications\Messages\MailMessage; use Illuminate\Notifications\Messages\MailMessage;
use Illuminate\Support\Facades\Http; use Illuminate\Support\Facades\Http;
use Illuminate\Support\Facades\Route; use Livewire\Attributes\Rule;
use Livewire\Component; use Livewire\Component;
class Help extends Component class Help extends Component
{ {
use WithRateLimiting; use WithRateLimiting;
#[Rule(['required', 'min:10', 'max:1000'])]
public string $description; public string $description;
#[Rule(['required', 'min:3'])]
public string $subject; public string $subject;
public ?string $path = null;
protected $rules = [
'description' => 'required|min:10',
'subject' => 'required|min:3',
];
public function mount()
{
$this->path = Route::current()?->uri() ?? null;
if (isDev()) {
$this->description = "I'm having trouble with {$this->path}";
$this->subject = "Help with {$this->path}";
}
}
public function submit() public function submit()
{ {
try { try {
$this->rateLimit(3, 30);
$this->validate(); $this->validate();
$debug = "Route: {$this->path}"; $this->rateLimit(3, 30);
$settings = instanceSettings();
$mail = new MailMessage; $mail = new MailMessage;
$mail->view( $mail->view(
'emails.help', 'emails.help',
[ [
'description' => $this->description, 'description' => $this->description,
'debug' => $debug,
] ]
); );
$mail->subject("[HELP]: {$this->subject}"); $mail->subject("[HELP]: {$this->subject}");
$settings = instanceSettings();
$type = set_transanctional_email_settings($settings); $type = set_transanctional_email_settings($settings);
if (! $type) {
// Sending feedback through Cloud API
if ($type === false) {
$url = 'https://app.coolify.io/api/feedback'; $url = 'https://app.coolify.io/api/feedback';
if (isDev()) {
$url = 'http://localhost:80/api/feedback';
}
Http::post($url, [ Http::post($url, [
'content' => 'User: `'.auth()->user()?->email.'` with subject: `'.$this->subject.'` has the following problem: `'.$this->description.'`', 'content' => 'User: `'.auth()->user()?->email.'` with subject: `'.$this->subject.'` has the following problem: `'.$this->description.'`',
]); ]);

View File

@@ -23,6 +23,8 @@ class Input extends Component
public bool $isMultiline = false, public bool $isMultiline = false,
public string $defaultClass = 'input', public string $defaultClass = 'input',
public string $autocomplete = 'off', public string $autocomplete = 'off',
public ?int $minlength = null,
public ?int $maxlength = null,
) {} ) {}
public function render(): View|Closure|string public function render(): View|Closure|string

View File

@@ -2,4 +2,4 @@
{{ Illuminate\Mail\Markdown::parse('---') }} {{ Illuminate\Mail\Markdown::parse('---') }}
{{ Illuminate\Mail\Markdown::parse($debug) }} {{-- {{ Illuminate\Mail\Markdown::parse($debug) }} --}}

View File

@@ -1,10 +1,11 @@
<div class="flex flex-col w-full gap-2"> <div class="flex flex-col w-full gap-2">
<div>Your feedback helps us to improve Coolify. Thank you! 💜</div> <div>Your feedback helps us to improve Coolify. Thank you! 💜</div>
<form wire:submit="submit" class="flex flex-col gap-4 pt-4"> <form wire:submit="submit" class="flex flex-col gap-4 pt-4">
<x-forms.input id="subject" label="Subject" placeholder="Summary of your problem."></x-forms.input> <x-forms.input minlength="3" required id="subject" label="Subject" placeholder="Help with..."></x-forms.input>
<x-forms.textarea rows="10" id="description" label="Description" class="font-sans" spellcheck <x-forms.textarea minlength="10" maxlength="1000" required rows="10" id="description" label="Description"
placeholder="Please provide as much information as possible."></x-forms.textarea> class="font-sans" spellcheck
placeholder="Having trouble with... Please provide as much information as possible."></x-forms.textarea>
<div></div> <div></div>
<x-forms.button class="w-full mt-4" type="submit" @click="modalOpen=false">Send</x-forms.button> <x-forms.button class="w-full mt-4" type="submit">Send</x-forms.button>
</form> </form>
</div> </div>