material | Material Design for Bootstrap 4

I'm trying to decrease the bundle size of my Vue project, which scaffolded by the vue-cli, by using CDN of firebase, Vue, and Vuetify.

So, I've added links of these CDN in public/index.html as follow:

I have the wackiest bug. Like....the wackiest! If any of ya'll want to put eyes on this, awesomesauce! I really appriciate it! I am creating a survey with REACT, Redux, SQL, HML, Material-ui, and CSS.

I've created a graph of information with am4charts using data from a database. Everything is working and will show up on the page......but not on page load. What I am seeing in my console is that the page will load, it fires off my get request but doesn't return with the data fast enough (I think). By the time that the get request loads, my graph has populated with no data.

Here is the code that I have for the page that I am rendering. What is really odd is that, once my code has run, I can cut a line of code (I've been using a console log). And then the graph will render and load.

I'm trying to implement a Select component using reactjs material ui and typescript.

However, I am getting the following typing error:

I am trying to make a page responsive but, I am not able to make an image responsive as it is getting off the grid container in material UI. Is there a way I can make the image responsive? I am trying to add the image in Grid container, Still, it is showing the same.

Collapsing toolbar layout and the recycler view should work together while swiping but working separately. suggest to me what to do! given below are my code and resulting gif part of my project.

the toolbar layout is not showing fully if I swipe the screen from bottom to top. the toolbar layout is closed and only return if I swipe to toolbar layout separately.

i want to toolbar layout to be in the same manner when i swipe the screen up and down.

Code of my layout

I have a custom slide toggle component created using Angular Material. I followed this guide: https://material.angular.io/guide/creating-a-custom-form-field-control

Everything seems to be working fine except when I dynamically disable the custom component like this:

package.json

I have an Aurora Serverless instance which has data loaded across 3 tables (mixture of standard and jsonb data types). We currently use traditional views where some of the deeply nested elements are surfaced along with other columns for aggregations and such.

We have two materialized views that we'd like to send to Redshift. Both the Aurora Postgres and Redshift are in Glue Catalog and while I can see Postgres views as a selectable table, the crawler does not pick up the materialized views.

Currently exploring two options to get the data to redshift.

1. Output to parquet and use copy to load
2. Point the Materialized view to jdbc sink specifying redshift.

Wanted recommendations on what might be most efficient approach if anyone has done a similar use case.

Questions:

1. In option 1, would I be able to handle incremental loads?
2. Is bookmarking supported for JDBC (Aurora Postgres) to JDBC (Redshift) transactions even if through Glue?
3. Is there a better way (other than the options I am considering) to move the data from Aurora Postgres Serverless (10.14) to Redshift.

Thanks in advance for any guidance provided.

I am trying to build a cinema app with flutter. The structure is as follows:

• in each city there are a bunch of cinemas
• in a cinema there are a bunch of showrooms(salle in french)
• in a showroom(salle in french) there are five display sessions or projections, these projections are of the same film.

because the projections are of the same movie (a showroom displays the same movie in different time(e.g projections) by design), when I click on any of the projections in a showroom I should have the same posture of the same film, not a different posture in each projection.

However I get a different film posture in each projection, and I don't know what is causing this.

I am using a rest api that I created with Spring, and I am certain that the problem is not from my back-end because I am using it in an angular web app and it's working perfectly.

This is a layout of my application

this is what happened when I click on two projection of the same showroom( notice that the posture changes when it shouldn't.

and here is the code of the showroom page (salles-page.dart)