From 543e21d2e27bce0d95b23b7e613d9379e8894c6f Mon Sep 17 00:00:00 2001 From: mukesh13 Date: Thu, 21 Aug 2025 10:31:21 +0530 Subject: [PATCH] UI styling update --- .../PackagingShipping/DNASamples.jsx | 40 ++++++------ .../PackagingShipping/PackagingGuideline.jsx | 65 +++++++++---------- .../PackagingShipping/ShippingSchedule.jsx | 39 +++++------ 3 files changed, 71 insertions(+), 73 deletions(-) diff --git a/app/components/PackagingShipping/DNASamples.jsx b/app/components/PackagingShipping/DNASamples.jsx index 9d1c536..cecb406 100644 --- a/app/components/PackagingShipping/DNASamples.jsx +++ b/app/components/PackagingShipping/DNASamples.jsx @@ -1,7 +1,12 @@ -// components/PackagingShipping/DNASamples.jsx import React from 'react'; const DNASamples = () => { + const guidelines = [ + "Picogreen quantification is advised from the client, in absence of which an agarose Gel Electrophoresis and Nanodrop quantification must be shared. Samples with A260/280 ratio values of ~1.8 are considered \"pure\" for DNA and will be accepted for processing further.", + "For large-scale projects, please submit DNA samples in strip tubes or in well-sealed 96-well PCR plates with semi- or fully-skirted edges (we recommend Eppendorf twin.tec PCR plate 96 LoBind). Arrange samples in a column format (e.g., A1, B1, C1, D1, ..., A2, B2, C2, D2, ...) in contiguous wells. Avoid skipping wells, rows, or columns.", + "DNA samples in 70% ethanol can be transported at room temperature, while samples in H2O or TE buffer should be transported with ice packs (e.g., \"blue ice\")." + ]; + return (
@@ -10,26 +15,19 @@ const DNASamples = () => {
-

- Picogreen quantification is advised from the client, in absence of which - an agarose Gel Electrophoresis and Nanodrop quantification must be - shared. Samples with A260/280 ratio values of ~1.8 are considered "pure" - for DNA and will be accepted for processing further. -

- -

- For large-scale projects, please submit DNA samples in strip tubes or in - well-sealed 96-well PCR plates with semi- or fully-skirted edges (we - recommend Eppendorf twin.tec PCR plate 96 LoBind). Arrange samples in a - column format (e.g., A1, B1, C1, D1, ..., A2, B2, C2, D2, ...) in - contiguous wells. Avoid skipping wells, rows, or columns. -

- -

- DNA samples in 70% ethanol can be transported at room temperature, while - samples in H2O or TE buffer should be transported with ice packs (e.g., - "blue ice"). -

+
    + {guidelines.map((guideline, idx) => ( +
  • + +

    + {guideline} +

    +
    • + ))} +
diff --git a/app/components/PackagingShipping/PackagingGuideline.jsx b/app/components/PackagingShipping/PackagingGuideline.jsx index 0f3c7f8..6b91111 100644 --- a/app/components/PackagingShipping/PackagingGuideline.jsx +++ b/app/components/PackagingShipping/PackagingGuideline.jsx @@ -1,6 +1,13 @@ import React from 'react'; const PackagingGuideline = () => { + const guidelines = [ + "Seal the tubes with parafilm for transportation. To prevent the tubes from being crushed and broken during transit (leading to sample loss), insert sample tubes into 50 ml centrifuge tubes (or other rigid supports), which can also be packed with cotton, foam, etc.", + "To prevent sample loss and/or cross-contamination, tightly seal all wells of the plate with an adhesive sheet or foil. Protect the plates or strip tubes in a sturdy box with plenty of cushioning. Sample shipments of plates should be carried out on frozen blue ice or dry ice to ensure that the samples remain frozen during shipment.", + "To prevent sample loss and cross-contamination, we recommend securely sealing all wells of the plate with an adhesive sheet or foil. Place the plates or strip tubes in a sturdy box with ample cushioning. Ship the samples with a surplus of frozen blue ice blocks or dry ice to ensure they remain frozen throughout shipment.", + "For leak prevention and to avoid cross-contamination, use one of the following sealing methods:\n(a) Cap the wells with matching 8-strip caps, ensuring a tight seal. These caps are typically ordered separately from the plates.\n(b) For foil seals, use a heat seal (preferred method) like \"Thermo Scientific Easy Peel Heat Sealing Foil\" that allows for resealing, or adhesive aluminum foil seals such as \"AlumaSeal CS Film.\"" + ]; + return (
@@ -8,39 +15,31 @@ const PackagingGuideline = () => {
-

- Seal the tubes with parafilm for transportation. To prevent the tubes from - being crushed and broken during transit (leading to sample loss), insert - sample tubes into 50 ml centrifuge tubes (or other rigid supports), which - can also be packed with cotton, foam, etc. -

- -

- To prevent sample loss and/or cross-contamination, tightly seal all wells of - the plate with an adhesive sheet or foil. Protect the plates or strip tubes - in a sturdy box with plenty of cushioning. Sample shipments of plates should - be carried out on frozen blue ice or dry ice to ensure that the samples - remain frozen during shipment. -

- -

- To prevent sample loss and cross-contamination, we recommend securely - sealing all wells of the plate with an adhesive sheet or foil. Place the - plates or strip tubes in a sturdy box with ample cushioning. Ship the - samples with a surplus of frozen blue ice blocks or dry ice to ensure they - remain frozen throughout shipment. -

- -

- For leak prevention and to avoid cross-contamination, use one of the - following sealing methods:
- (a) Cap the wells with matching 8-strip - caps, ensuring a tight seal. These caps are typically ordered separately - from the plates.
- (b) For foil seals, use a heat seal (preferred method) - like "Thermo Scientific Easy Peel Heat Sealing Foil" that allows for - resealing, or adhesive aluminum foil seals such as "AlumaSeal CS Film." -

+
    + {guidelines.map((guideline, idx) => ( +
  • + +

    + {guideline.split('\n').map((line, lineIdx) => ( + + {lineIdx > 0 &&
    } + {line.startsWith('(a)') || line.startsWith('(b)') ? ( + <> + {line.substring(0, 3)} + {line.substring(3)} + + ) : ( + line + )} +     + ))} +

    +
    • + ))} +
); diff --git a/app/components/PackagingShipping/ShippingSchedule.jsx b/app/components/PackagingShipping/ShippingSchedule.jsx index 55f0240..f9b0970 100644 --- a/app/components/PackagingShipping/ShippingSchedule.jsx +++ b/app/components/PackagingShipping/ShippingSchedule.jsx @@ -1,6 +1,12 @@ import React from 'react'; const ShippingSchedule = () => { + const guidelines = [ + "Before sending your samples, please notify us promptly by mail or by completing the form online, including the Sample Initiation Form. This helps us register and process your samples efficiently upon arrival. As we do not receive packages on weekends, ensure your samples arrive on a weekday. Avoid shipping samples just before weekends (e.g., on a Thursday for Friday arrival) or the day before a holiday.", + "We highly recommend using \"Priority Overnight Shipping\" for morning deliveries, as it is generally more reliable.", + "We can pick up the sample from your institution (additional logistic charges will be applicable) or you can ship/drop samples at the mentioned address:" + ]; + return (
@@ -8,26 +14,21 @@ const ShippingSchedule = () => {
-

- Before sending your samples, please notify us promptly by mail or by - completing the form online, including the Sample Initiation Form. This helps - us register and process your samples efficiently upon arrival. As we do not - receive packages on weekends, ensure your samples arrive on a weekday. Avoid - shipping samples just before weekends (e.g., on a Thursday for Friday - arrival) or the day before a holiday. -

+
    + {guidelines.map((guideline, idx) => ( +
  • + +

    + {guideline} +

    +
    • + ))} +
-

- We highly recommend using "Priority Overnight Shipping" for morning - deliveries, as it is generally more reliable. -

- -

- We can pick up the sample from your institution (additional logistic charges - will be applicable) or you can ship/drop samples at the mentioned address: -

- -
+
Operify Tech Pvt.Ltd.