The app has three sections, a list of tags to filter events, a list of upcoming...
Fantastic news! We've Found the answer you've been seeking!
Question:
Transcribed Image Text:
The app has three sections, a list of tags to filter events, a list of upcoming events, and the user's agenda. The tag list displays the set of tags returned from the backend that are extracted from the event list. When a tag is selected, it will be used to filter the events returned from the backend. The backend will only return a maximum of 5 events. DO NOT CHANGE THIS. The user may select multiple tags to narrow the search results to view more events. The user can RSVP to an event. Pressing the "Change RSVP" button multiple times will cycle through the possible responses (This isn't the best user experience but it works for the purposes of the lab). The list of events that the user has responded to is listed below in "Your Agenda". This list should update dynamically as the user RSVPs to events or changes their response. The user can also remove their RSVP entirely by pressing the red X in their agenda. Data Model See types.ts for definitions. User (not functional in the app) • .id name friendlds: array of ids of friends (to control visibility); unused Event List . array of Social Events SocialEvent . id . ⋅ title description tags: array of tags that describe this event; used for filtering date . startTime • duration Minutes (unused) . location (unused) • attendees: list of RSVPs (unused) owner: User who created the event (unused) RSVP . id event response: yes, no, maybe, no-response visibility: public, friends, private (unused) numGuests: number of friends you're bringing (unused) Tasks Finish the tag filter The TagFilterview should accept a list of tags to display and then call a callback when the user presses one of the tags. Wire it up so that it accepts a property of type TagFilterList and a callback of type (tagFilter: TagFilter) -> void. App already has an implementation of handleTagFilterChange that will update the tagFilterList state variable. App fetches the list of tags from the backend and these are dynamic based on the scheduled events. Requirements 3000 The TagFilterview shows the list of tags fetched from the backend in App When the user taps on a tag, TagFilterlist calls a callback in App and does not change any data. App provides the tagFilterList state variable to TagFilterview as a property App handles the callback that you added to TagFilterview and updates the tagFilterList state variable Finish the event list The EventListview should display the event List that App fetches from the backend which is filtered by the tag list. Add a property to EventListview that provides eventList to the component for rendering. Additionally, this component will render helpful messages to the user when the event list is being fetched from the server and when a truncated event list is returned. Pass the event ListLoading and eventList Truncated state variables from App into the component. When a user taps on the Change RSVP button, this should fire the handleRSVPChange handler in App to update the user's RSVP to this event. Add a callback to EventListview that will pass on the onttress callback to this method in App. The callback should have the type (event: SocialEvent) > void and pass the SocialEvent that was tapped to the parent component. Requirements AgendaView shows the list of events that the user has RSVPD to from App AgendaView updates dynamically when the list of RSVPD events changes or when the response to an RSVP is updated. When the user taps on the red X, the RSVP is passed to the parent component for handling. The app has three sections, a list of tags to filter events, a list of upcoming events, and the user's agenda. The tag list displays the set of tags returned from the backend that are extracted from the event list. When a tag is selected, it will be used to filter the events returned from the backend. The backend will only return a maximum of 5 events. DO NOT CHANGE THIS. The user may select multiple tags to narrow the search results to view more events. The user can RSVP to an event. Pressing the "Change RSVP" button multiple times will cycle through the possible responses (This isn't the best user experience but it works for the purposes of the lab). The list of events that the user has responded to is listed below in "Your Agenda". This list should update dynamically as the user RSVPs to events or changes their response. The user can also remove their RSVP entirely by pressing the red X in their agenda. Data Model See types.ts for definitions. User (not functional in the app) • .id name friendlds: array of ids of friends (to control visibility); unused Event List . array of Social Events SocialEvent . id . ⋅ title description tags: array of tags that describe this event; used for filtering date . startTime • duration Minutes (unused) . location (unused) • attendees: list of RSVPs (unused) owner: User who created the event (unused) RSVP . id event response: yes, no, maybe, no-response visibility: public, friends, private (unused) numGuests: number of friends you're bringing (unused) Tasks Finish the tag filter The TagFilterview should accept a list of tags to display and then call a callback when the user presses one of the tags. Wire it up so that it accepts a property of type TagFilterList and a callback of type (tagFilter: TagFilter) -> void. App already has an implementation of handleTagFilterChange that will update the tagFilterList state variable. App fetches the list of tags from the backend and these are dynamic based on the scheduled events. Requirements 3000 The TagFilterview shows the list of tags fetched from the backend in App When the user taps on a tag, TagFilterlist calls a callback in App and does not change any data. App provides the tagFilterList state variable to TagFilterview as a property App handles the callback that you added to TagFilterview and updates the tagFilterList state variable Finish the event list The EventListview should display the event List that App fetches from the backend which is filtered by the tag list. Add a property to EventListview that provides eventList to the component for rendering. Additionally, this component will render helpful messages to the user when the event list is being fetched from the server and when a truncated event list is returned. Pass the event ListLoading and eventList Truncated state variables from App into the component. When a user taps on the Change RSVP button, this should fire the handleRSVPChange handler in App to update the user's RSVP to this event. Add a callback to EventListview that will pass on the onttress callback to this method in App. The callback should have the type (event: SocialEvent) > void and pass the SocialEvent that was tapped to the parent component. Requirements AgendaView shows the list of events that the user has RSVPD to from App AgendaView updates dynamically when the list of RSVPD events changes or when the response to an RSVP is updated. When the user taps on the red X, the RSVP is passed to the parent component for handling.
Expert Answer:
Related Book For
Posted Date:
Students also viewed these programming questions
-
Planning is one of the most important management functions in any business. A front office managers first step in planning should involve determine the departments goals. Planning also includes...
-
Q1. You have identified a market opportunity for home media players that would cater for older members of the population. Many older people have difficulty in understanding the operating principles...
-
On August 31, 2014, Nina Herrera borrowed $5,000 from Second State Bank. Herrera signed a note payable, promising to pay the bank principal plus interest on August 31, 2015. The interest rate on the...
-
Will the shareholder's tax basis in noncash property received equal the amount she includes in gross income as a dividend? Under what circumstances will the amounts be different, if any?
-
A retailer of electronic equipment received six VCRs from the manufacturer. Three of the VCRs were damaged in the shipment. The retailer sold two VCRs to two customers. 1. Can a binomial formula be...
-
1. Why was there dirty data in the UW database? 2. What were the consequences to UW of the dirty data? 3. How did UW address the problem of dirty data? 4. What were the benefits they experienced from...
-
Southland Corporation is a small information-systems consulting firm that specializes in helping companies implement standard sales-management software. The market for Southlands services is very...
-
How do intrinsic and extrinsic motivators impact employee engagement, and what role does organizational design play in fostering a motivated workforce ?
-
What are Echo Request and Echo Reply? What will cause them to be sent? Q2. If PC1 didn't have a gateway address configured, would it receive an ICMP Echo Request from PC0? Q3. What is a Default...
-
Chip Company produces three products, Kin, Ike, and Bix. Each product uses the same direct material. Kin uses 4 pounds of the material, Ike uses 3 pounds of the material, and Bix uses 6 pounds of the...
-
7. A ball attached to a string of length 0.4 meters is whirled around in a circular path. It experiences a centripetal acceleration of 40 m/s. a. What is the tangential velocity of the ball? b. How...
-
1) (a) Define how we measure the resilience and yield strength of a metallic material? Explain it using the 6-8 curve. (10p) (b) What is "Creep" and how is it measured? Compare the creep properties...
-
In a closed system 0.15 kg of gas at 350 K is expanded isothermally and reversibly from 1MPa pressure to 200 kPa. Given that Cv = 718 j/kg K and R = 287 J/kg K Determine: A. The work done b. The...
-
Solve the following system of simultaneous equations: 10x+2y=17 and 5x+11y=49 Input the value for x as an exact fraction. x = Input the value for y as an exact fraction. y=
-
Suppose the required assumptions for a perfectly elastic long run supply curve hold for the widget industry. Each widget firm has the cost structure illustrated in the left graph. The right graph...
-
Assessing simultaneous changes in CVP relationships Braun Corporation sells hammocks; variable costs are $75 each, and the hammocks are sold for $125 each. Braun incurs $240,000 of fixed operating...
-
If A is a 5 3 matrix with ||A||2 = 8, cond2(A) = 2, and ||A||F = 12, determine the singular values of A.
-
Theorem 7.4.2 states that Prove this in two steps. (a) Show first that (b) Construct a vector x whose coordinates are each ± such that Allcmax layl di laijl = max
-
If AB = AC and A O (the zero matrix), then B = C. In this case answer true if the statement is always true and false otherwise. In the case of a true statement, explain or prove your answer. In the...
-
The steel rod having a diameter of 1 in. is subjected to an internal moment of M = 300lbft. Determine the stress created at points A and B. Also, sketch a three-dimensional view of the stress...
-
The steel beam has the cross-sectional area shown. If w=5 kip/ft, determine the absolute maximum bending stress in the beam. W 8 8 ft- 8 ft W ft- -8 ft- .8 in. 0.30 in. 0.3 in.- 10 in. 0.30 in.
-
The steel beam has the cross sectional area shown. Determine the largest intensity of distributed load w that it can support so that the bending stress does not exceed max = 22 ksi. 8 ft- 8 ft W -8...
Study smarter with the SolutionInn App