Repository: louislam/uptime-kuma
File: src/pages/EditMonitor.vue (Vue)

Code before:
                                <!-- Screenshot Delay -->
                                <div class="my-3">
                                    <label for="screenshot-delay" class="form-label">
                                        {{
                                            $t("Screenshot Delay", {
                                                milliseconds: $t("milliseconds", monitor.screenshot_delay),
                                            })
                                        }}
                                    </label>
                                    <input
                                        id="screenshot-delay"
                                        v-model="monitor.screenshot_delay"
                                        type="number"
                                        class="form-control"
                                        min="0"
                                        :max="Math.floor(monitor.interval * 1000 * 0.5)"
                                        step="100"
                                    />
                                    <div class="form-text">
                                        {{
                                            $t("screenshotDelayDescription", {
                                                maxValueMs: Math.floor(monitor.interval * 1000 * 0.5),
                                            })
                                        }}
                                    </div>
                                    <div class="form-text text-warning">
                                        {{ $t("screenshotDelayWarning") }}
                                    </div>
                                </div>
                            </div>

                            <!-- Game -->
                            <!-- GameDig only -->
                            <div v-if="monitor.type === 'gamedig'" class="my-3">
                                <label for="game" class="form-label">{{ $t("Game") }}</label>
                                <select id="game" v-model="monitor.game" class="form-select" required>
                                    <option v-for="game in gameList" :key="game.keys[0]" :value="game.keys[0]">
                                        {{ game.pretty }}
                                    </option>
                                </select>
                            </div>

                            <template v-if="monitor.type === 'kafka-producer'">
                                <!-- Kafka Brokers List -->
                                <div class="my-3">
                                    <label for="kafkaProducerBrokers" class="form-label">
                                        {{ $t("Kafka Brokers") }}
                                    </label>
                                    <VueMultiselect
                                        id="kafkaProducerBrokers"
                                        v-model="monitor.kafkaProducerBrokers"

Review comment (suggestion):
```suggestion
                                    <div v-if="monitor.screenshot_delay" class="form-text text-warning">
```

Code after:

                            <!-- Game -->
                            <!-- GameDig only -->
                            <div v-if="monitor.type === 'gamedig'" class="my-3">
                                <label for="game" class="form-label">{{ $t("Game") }}</label>
                                <select id="game" v-model="monitor.game" class="form-select" required>
                                    <option v-for="game in gameList" :key="game.keys[0]" :value="game.keys[0]">
                                        {{ game.pretty }}
                                    </option>
                                </select>
                            </div>

                            <template v-if="monitor.type === 'kafka-producer'">
                                <!-- Kafka Brokers List -->
                                <div class="my-3">
                                    <label for="kafkaProducerBrokers" class="form-label">
                                        {{ $t("Kafka Brokers") }}
                                    </label>
                                    <VueMultiselect
                                        id="kafkaProducerBrokers"
                                        v-model="monitor.kafkaProducerBrokers"
                                        :multiple="true"
                                        :options="[]"
                                        :placeholder="$t('Enter the list of brokers')"
                                        :tag-placeholder="$t('Press Enter to add broker')"
                                        :max-height="500"
                                        :taggable="true"
                                        :show-no-options="false"
                                        :close-on-select="false"
                                        :clear-on-select="false"
                                        :preserve-search="false"
                                        :preselect-first="false"
                                        @tag="addKafkaProducerBroker"
                                    ></VueMultiselect>
                                </div>

                                <!-- Kafka Topic Name -->
                                <div class="my-3">
                                    <label for="kafkaProducerTopic" class="form-label">
                                        {{ $t("Kafka Topic Name") }}
                                    </label>
                                    <input
                                        id="kafkaProducerTopic"
                                        v-model="monitor.kafkaProducerTopic"
                                        type="text"
                                        class="form-control"
                                        required
                                    />
                                </div>

                                <!-- Kafka Producer Message -->