timelineview | open source control that imitates the status of a takeaway

I'm building an Apple Watch app that uses SwiftUI.

New data periodically comes into the app from an outside source, and I keep track of when that last happened with a @Published Date (called lastUpdatedDate) inside an ObservableObject (store).

In the app, I want to use a SwiftUI Text struct to indicate to the user how long ago the data was updated.

I'm weighing different options, and I'm wondering what the best practice would be for something like this.

A very simple method I tried was using Text.DateStyle.relative:

Add event is working(saving to database) but added events are not displaying on scheduler but its working with mocked data . Please let me know if any one know how to bind the data back on scheduler

Please click here to find the attachment image Please see the above image response getting form api but not binding to scheduler UI

I have frustrating error that I cannot explain. Here is my main activity layout file:

build.gradle

I'm trying to create a booking system for a hotel. The system will be used by the hotel's administrator, not by the customers. On the rows i need to see the rooms (100,101,ecc..) and on the columns i need the days. I'm using the TimelineView, with the initial view set to "resourceTimelineWeek". I can add the rooms and get it to work, but i don't need to see the hours of days, just the days. The room is reserved at least for one full day. This is my basic code, i've tried with the option "allDaySlot" without luck.

I have 5 tabs each tab is a different view and load on appear . Once a tab is loaded snapper How can I make it reload again . I am new to SwiftUI and have not been able to get that done . So essentially I have a TabView View with 5 tabs and one of those tabs is called Home when home is clicked it calls another view called TimeLineView which gets data OnAppear from the database . Since it is OnAppear it works the first time but it does not get called again on subsequent taps . I would like to change that so that on every tap I can call OnAppear or call the function inside the OnAppear . Any suggestions would be great

If you look at the image below there will be text with a bold ... Read More and ... Read Less . The logic is simple if a post has more than 99 characters on startup it'll say ... Read More and on tap it'll show full post with ... Read Less .

All of that works however the issue is that if I try to tap on 2 different cells things do not work correctly and I think it's because of this, the ReadMoreState variable is not an array . So it works correctly if it's only 1 cell you click on but not more than 1 .

Here is my code (not all of it only the relevant part) . It is LazyVStack inside a ScrollView any suggestions on how to fix the onTap state of the ReadMoreState variable when it comes to having multiples rows would be great .

To Recap

1. All rows should have ReadMoreState on false when first loading that is working

2. If I tap row 2 then ReadMoreState should be set to true for Row 2 only

3. I know the one of the issues is that ReadMoreState is not an array

   ...

I am new to swiftui and using version 2 . I have a List which populates from the database . The issue I am struggling with is getting my List to start at the very top and eliminate padding . If you look at the image below you see a gray space between the top data "Places My circle" and the list . Any help on eliminating that gray space would be great . This is my code

I'm building a simple scheduling module where I'll allow anyone to come to a website to submit an appointment through the scheduler.

In the scheduler module I have the following:

1. Appointments are in 30 min increments so for example if an appointment is booked at 9:00AM it'll run from 9:00AM - 9:30AM.
2. I'm storing personal information from the appointment that got scheduled from user input such as phone number, email address, full name
3. After the user submits a schedule, I run a SQL select statement where it fetches all the data from the scheduled appointments from the MYSQL DB onto the scheduler component so users can see what appointments are already taken and what slots are available at the specified time.

This works great and everything but I'm a little concerned when I push this to production I noticed that in my network requests, I can see all data that got fetched from the DB. Can this be a security concern for allowing anyone from going to the network requests to see the fetched data that contains the personal information?

So my question is how do I prevent this?

Here is my code:

ReactJS

I like to make a div expand according to its content height but the hole Component inside that div is hidden if I use like height: '100%'. It's a bit complex and wish for some extra eyes!

I made a CodeSandbox

Looks like this in Chrome:

I can see during debug that the "hidden" Component is rendering ok so it's strange that it's "hidden"

If I set the same Style to height: 1000 the

have Children:

But I want it to expand according to its content height so height: 1000 will not work.

In this CodeSandbox I set the height: 1000, to demonstrate what happens. The Component that refuse to expand height is a Masonry image gallery Component

...